Blogger注目のテンプレート - 投稿ページ区切りの修正または置き換え？

Question

メインページの下部にあるBloggerの「注目の」テンプレートの投稿ページ作成リンクには、「投稿数の多い投稿」リンクのみが表示されます。 「過去の投稿」がありません。また、従来の「ホーム」リンクもありません。投稿の最後のページで、[その他の投稿]リンクが正しく表示されなくなります。

私は少なくとも「以前の投稿」リンクを有効にすることを検討しています。

これはコードが含まれとしてGoogleの一部の意図的なように見えるこの：

<div class='blog-pager container' id='blog-pager'> <b:include cond='data:newerPageUrl' name='previousPageLink'/> <b:include cond='data:olderPageUrl' name='nextPageLink'/> <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/></div> 

しかし、2つの場所にそれぞれのコードが含まれています：

<b:includable id='previousPageLink'><!-- Don't show --></b:includable> 

<b:includable id='homePageLink'><!-- Don't show --></b:includable> 

私が最初にすることで、この問題を解決しようとしましたこの行を変更してください：

<a expr:href='data:blog.homepageUrl'>Home</a> 

「ホーム」リンクが表示された以前の「More Posts」が配置された投稿の最後のページに表示されます。オンラインで見つかったいくつかの他の例は、テンプレート内にもはや存在しないコードを参照するため、試みることができませんでした。

私はまた、Bloggerの既存のコードを上書きする符号化方式少なくともダースサードパーティの番号改ページを試してみたが、それらは正常に動作しません。

リンクやサードパーティのコードが動作するようにテンプレートを修正する方法はありますか？

Answer 1

あなたは交換する必要があります -

<b:includable id='previousPageLink'><!-- Don't show --></b:includable> 

<b:includable id='previousPageLink'> 
    <a class='blog-pager-newer-link flat-button ripple' expr:href='data:newerPageUrl' expr:title='data:messages.newerPosts'> 
     <data:messages.newerPosts/> 
    </a> 
</b:includable> 

とし、置き換える

<b:includable id='homePageLink'><!-- Don't show --></b:includable> 

<b:includable id='homePageLink'> 
    <a class='home-link flat-button ripple' expr:href='data:blog.homepageUrl' expr:title='data:messages.home' > 
     <data:messages.home/> 
    </a> 
</b:includable> 

と

をクリックすると、以前の投稿（今は新しい投稿と呼ばれます）とページナビゲーション内のホームボタンが表示されます。使用されているテーマに応じて、カスタムCSSを追加して正しく表示させる必要があります

Answer 2

ありがとうPrayag Verma！うまくいった！

「詳細情報の投稿」リンクコードました：

<b:includable id='nextPageLink'> 
<a class='blog-pager-older-link flat-button ripple' expr:href='data:olderPageUrl' expr:title='data:messages.morePosts'> 
<data:messages.morePosts/> 
</a> 
</b:includable> 

私は両方の新旧リンクのデフォルトのテキストを変更することを決定しました。そこで私は<data:messages.newerPosts/>を← Previousと置き換え、<data:messages.morePosts/>をNext →に置き換えました。

さらに目立つように境界を追加しました。このボタンクラスには-8のマージンがあるため、マージンを0にリセットする必要があります。それ以外の場合は、隣り合う2つのボタンが重なります。 8pxのマージンが[次へ]ボタンに追加され、タッチしませんでした。

このテンプレートは上部のスティッキーメニューを使用しているため、ボタンのホームボタンは不要であったため、隠しました。ブログページャのデフォルトの上マージンが大き過ぎて減少しました。

だけ</body>タグ上に挿入するために必要な次のコード

<style> 
.blog-pager a{ 
margin: 0px; 
border: 1px solid #25a186; 
} 

.blog-pager a.blog-pager-older-link.flat-button.ripple{ 
margin-left: 8px; 
} 

.blog-pager a.home-link.flat-button.ripple{ 
display:none; 
} 

.blog-pager{ 
margin-top: 14px; 
</style>