はてなブログカスタマイズのあれこれ
みなさんこんばんはー。
とりあえず、今日は仕事がひまだったので、はてなブログのカスタマイズをちまちましていました。
【ブログの改善点】
①サイドバーに人気エントリーを設置(画像表示)
②サイドバーに追従型のシェアボタン設置
③記事上のシェアボタンをフラット型に変更
④サイドバーの幅と記事幅の変更
①サイドバーに人気エントリーを設置(画像表示)
こちらを利用させて頂きました。
コピペで簡単に設定できるため、とても助かりました。
CSSを適当にいじって文字を青に表示させてみました。
取得する画像が選択できないのはなぜ??サイドバーのプラグインだと、アイキャッチの画像が選択されるのに。
うーん。わからない(。-`ω´-)
②サイドバーに追従型のシェアボタン設置
これは、色々サイトを巡って、自分でhtmlを調整。
奇跡的にスムーズに表示できました。
①の人気エントリーを試しに設定したら、サイドバーの幅いっぱいに拡大されてしまい、度々読み込んでしまうので、シェアボタンの設置に変更。(´~`)
下までスクロールさせても、突き抜けない位置にポジション設定したよ。
フラットデザインのアイコンにしたいけど、記事のURLを取得するコマンドが分からないので、忍者おまとめツールで作成。(記事ページはURL取得コマンドあるのになぁ・・・)
③記事上のシェアボタンをフラット型に変更
配布されている、ボタンイメージをDLしてきて、画像URLを指定しなおしました。
うーん。記事のシェアってTOPページには表示されないのね。(;゚Д゚)
なんてこったい。
記事下も同じようなフラットボタンにしたけど、TOPページに共有ボタンが無いのが不便なので、通常のプラグインに戻そう。
あと、いま知ったけどフォトショップとか使えたら、自分でかっこいいオリジナルのボタン作れるんですな。読み込みの幅を指定して記事幅に収まる様に配置してみました(・ω<) てへぺろ
④サイドバーの幅と記事幅の変更
記事の幅が少し狭かったので広げてみました。
CSSわからないから適当に全体幅と記事幅のCSSを追記して、表示が崩れない幅で適当に決定。
はてなブログだと、ユーザーCSSに変更部を追記する形で修正できるんですね。
グーグル先生様様です。良い時代になった。