Blogに「Back To Top」ボタンを設置してみた。


Blog いじくってます中!
今回はBlogにページのTOPに戻るボタンを設置してみた。

もちろん一から自分で考えた訳ではなく、検索してたら分かりやすく説明してくれているサイトがあったのでそちらを参考にしたら簡単に設置できたので、取りあえず紹介!

参考にしたサイトは「LeverageNote」さん。参考ページはhttp://leveragety.blogspot.jp/2014/03/blogger.html

概要だけ言えば、Blogの設定画面の「レイアウト」の「ガジェットの追加」でHTML/JavaScriptに下記スクリプトをコピペするだけ
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCFu2iLc4YG9kNiC1bh55i6t5OucsKN5HSfdzvmMiAaXseWoFe3riEZx337lWSezVTutaAofhusONR7iNOgZnCp-CdX5qhtwe6-efypxeETAqOruupXi6l2iQZAwi6VsZKrruANS0DAfCZ/s1600/back_to_top_button.png"/></a>

保存したら「BACK TO TOP」ボタンが追加されます。
以上簡単でした!




0 件のコメント :

コメントを投稿