[Blogger]シンプルな文字だけの Page topボタン

画像を使わず文字だけ

]]></b:skin>前に以下のCSSコードを追加

#back-to-top{background:#000000;color:#ffffff;padding:8px 10px;font-size:12px;border-radius:0px}

.back-to-top{position:fixed!important;position:absolute;bottom:20px;right:20px;z-index:999}

</body>前に

<div class='back-to-top'>
      <a href='#' id='back-to-top' title='Page top'>
        Page top
      </a>
</div>

    <script>
      $(window).scroll(function() {
        if($(this).scrollTop() &gt; 200) {
          $(&#39;#back-to-top&#39;).fadeIn();
            } else {
            $(&#39;#back-to-top&#39;).fadeOut();
            }
            });
          $(&#39;#back-to-top&#39;).hide().click(function() {
            $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
            return false;
            });
    </script>

上のコードを追加
色とかは好みで

関連エントリ:

• Bloggerに簡単に'トップに戻る'ボタンを設置