はてなブログの体裁を整える００２回目

こんにちは「たこ壺」です。

連載「はてなブログの体裁を整える」も今回で２回目です。

いろいろな記事を読んでいてシンプルだけど効果的だなと感じた

ブログページの横にTOPへ戻るアイコンをつけてみようと思います。

こちらのサイトを参考にしました。

。。所要時間は２分です。めちゃくちゃ簡単です。先人の知恵に感謝です。

私はソフトは全く出来ないのでコードをかける人は本当にすごいなと尊敬します。

おおまかな手順としては

完成イメージはこちら（赤枠の部分）

f:id:takotuboice:20170409161333j:plain

調整したい設定としては

この記事では主にカスタマイズの部分について記載していこうと思います。

コードはさっぱり読めませんが実践あるのみです。

テキストエディタは取り敢えず「VisualStudioCode」をインストールしました。

こちらがHTMLを開いた画面（黒背景ってだけでアレルギーがでそうです）

HTMLコードの内容（画像です。ごめんなさい）

f:id:takotuboice:20170409154409j:plain

コメント：スクロール位置を「200」から「50」へ変更しました。

コメント：赤枠の部分を「ページTOPへ▲」から「▲TOP」へ変更しました。

CSSコードの内容（画像です。ごめんなさい）

f:id:takotuboice:20170409155921j:plain

コメント：アイコンの背景色は「backgraund」で指示しているようです。

調整したい項目がほとんど未達ですが。。

今回はここまで！みなさま良い1日をお過ごし下さい。

若手エンジニアの小言。