bloggerカスタマイズで【スクロールアップボタン】をコピペだけで簡単に設置する方法！！

色々調べてみるとスクロールアップボタンには「jQueryの設置」が必要と書いていたりと自分のbloggerブログでは利用することは出来ないなぁと思っていました。しかし、スクロールアップボタンをコピペするだけで簡単に自分のブログで設置できる方法が見つかり早速導入しました。本当に簡単に設置することが出来るので是非ブログに導入してみてください。

目次

1. スクロールアップボタン設置方法　簡単
2. スクロールアップボタン設置方法　詳細

１．スクロールアップボタン設置方法　簡単

「スクロールアップボタン」の設置方法は、bloggerのレイアウト＞ガジェットを追加＞HTML/JavaScriptに下記コードをコピペするだけです。

via: techpostpk.blogspot

右下にスクロールアップボタンが設置されました

自分のブログで右下を確認してみてください。「Back to Top」のスクロールアップボタンがあります。下までスクロールした後に試しに押してみてください。一気に上までスクロールされるはずです。

スクロールアップボタン設置方法　詳細

bloggerで簡単にスクロールアップボタンを設置する方法は「ふりむけコウホウ」さんが海外サイトから見つけてくれたようです。

BloggerにjQuery 不要のスクロールアップボタンを超簡単に設置できるピュアCSSコード - ふりむけばコウホウ
bottom ...
スクロールアップボタン設置方法の参考にしました。本当にコピペするだけで出来たのでビックリしました。

設置手順

レイアウト＞ガジェットを追加

HTML/JavaScript

コンテンツに下記コードをコピペするだけです。

via: techpostpk.blogspot

どうですか？簡単に設置できたと思います。自分で設置した時もとても簡単にできて驚きました。少しコードが分かればアレンジしてみて下さい。

ブログツール　見栄えの良い記事紹介

ShareHtmlメーカーのブックマークレットで記事紹介すると、ブログ画像・題名・コメント・はてブ数付きのリンクが簡単に出来てとても便利！！ | LeverageNote

関連する書籍

スラスラわかるHTML＆CSSのきほん

posted with amazlet at 14.03.06

SBクリエイティブ株式会社 (2014-03-03)
売り上げランキング: 3,345

Amazon.co.jpで詳細を見る