■ページリンク(前の投稿、ホームなど)の表示を変更または非表示にする
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
- Bloggerダッシュボード > テンプレート > HTMLの編集 > ウィジェットのテンプレートを展開
- "Newer Post"と"Older Post"の位置を左右逆する
下のコードになるように変更する
#blog-pager-newer-link {
float: right;
}
#blog-pager-older-link {
float: left;
}
さらに細かい設定をする場合は、http://www.techieblogger.com/2009/06/customize-blogger-navigation-scrip.html (英語サイト)で紹介されています。
■ページリンク(前の投稿、ホームなど)の表示を変更または非表示にする
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Bloggerダッシュボード > テンプレート > HTMLの編集 > ”ウィジェットのテンプレートを展開”にチェック
下のコードの赤部分を、表示したい文字(表示したい画像)に変更する
- newerPagetitle ”次のページに進む”リンクです
- OlderPageTitle ”前のページに戻る”リンクです
- homeMsg ”トップページに戻る”リンクです
///////////////////////////////////////////////////////////////////////
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
///////////////////////////////////////////////////////////////////////

Japanese




0 コメント:
コメントを投稿