[Blogger #005] ページトップに戻るボタン、ページ最下部へ飛ぶボタン、追加

今日もまた、真似です。長い記事を書くと必須といっていいのが、この右隅にあるトップ・ボトム行きのボタン。

ふじろじっくさんところは、上のタイトルに月、トップに戻るボタンがロケットという、すごくシュールなデザイン。ロケットボタンを押すと、月に向かって飛んでいくイメージなんですね。

まあ、タイトルに月を貼る予定がないので、矢印でいきます。解説ページはここ。

ページトップに戻るボタンの設置(ページ最下部へ飛ぶボタンを追加しました)

後から追記したのが下にあるので、そちらをコピペ。以前にjQueryは入れておいたので、そこは、カット。

あとは、アイコンをどんなのにするか。FontAwesomeってとこに行ってお気に入りのフォントを探します。

Find Icons with the Perfect Look & Feel | Font Awesome

ページから、フォントを選んで、この上にあるHTMLを入れ替えます。

こんな感じ。そのままだと、サイズが小さいので、サイズ指定を追記します。サイズは、”fa-3x”ってのを追記して、３をいじくると変わります。数字が大きと大きくなります。

リロードしてみて調整、４にしました。

いい感じに完成。今日はここまで。