▲PAGE TOP

2014年5月15日木曜日

ページリンク(前の投稿、ホームなど)の表示を文字/画像に変更または非表示にする

ページリンク(前の投稿、ホームなど)の表示を変更または非表示にする
  • 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    ”トップページに戻る”リンクです





  • ←のような画像で表示したい場合は、それぞれのタグ(img src="画像のURL")を入力する。
  • 非表示にしたい場合は、ミドリ文字をすべて消去にする。
  • ///////////////////////////////////////////////////////////////////////
    <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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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>

    ///////////////////////////////////////////////////////////////////////


    COMMENT 投稿した内容は「 掲示板 」に掲載されます。
    ペンネーム(必須)

    タイトル

    メールアドレス

    話題にするページ/ウェブサイトのURL
    メッセージ(必須)
    アップロードする画像
    パスワード(必須)