Seesaaブログの幅を調整・画面右下にスクロール追尾式TOPに戻るボタンを設置
2015年09月07日

Seesaaブログの幅を調整・画面右下にスクロール追尾式TOPに戻るボタンを設置

すみません、先人の知恵に頼りすぎて、かなりの手抜き記事になってしまいました。


Seesaaブログの幅を調整する


僕が説明するまでもなく、全部このサイト様で説明されてるんですよ〜^^;

シーサーブログのコンテンツやサイドバーの幅を変更するカスタマイズ | アフィリエイトで稼ぐ方法を全部話そうと思う
http://affiliate150.com/change-width

今回のブログ改装では、ブログ全体の幅を調整しただけでなく、サイドバーの位置も調整しています。
ブログ左端⇔メイン部分⇔サイドバー⇔ブログ右端 の⇔の部分を(大体)等間隔にしました。

ちなみに、ブログ全体の幅は777px! 縁起がいい!

……別に縁起がいいから777pxにしたわけじゃないんですよ? グローバルナビゲーション(メニュー)を作る関係上、メニュー1つの幅×メニュー数+メニュー同士の間隔 と同じ幅にしないといけなかったんです。デフォルトの778pxだと1px余っていたので削ったら、たまたま777pxだったんですよ。ちょっと嬉しかったですけど(笑)


画面右下にスクロール追尾式TOPに戻るボタンを設置


これもいつもお世話になっているこのサイト様を参考に設置しました。

シーサーブログにトップに戻るボタンを設置する方法 | アフィリエイトで稼ぐ方法を全部話そうと思う
http://affiliate150.com/seesaa-scroll-top

Seesaaブログ以外のWEBサイトでもどこでも使える、汎用性の高いボタンです。
ほとんど丸写しさせていただいたのですが、自分でカスタマイズした点が2つ。

・50pxスクロールしたらボタンが現れるところ、1000pxまで出てこないようにした。
・<div id="scroll-top"><p>▲ページの先頭へ</p></div>はHTML内に直接書き込まずとも、「コンテンツ」の自由形式に書いてブログパーツとして設置・管理できる。


ブログはどうしても縦に長くなってしまうので、こういうボタンがあると回遊率が上がりそうですよね!
スポンサーリンク
Seesaaブログの幅を調整・画面右下にスクロール追尾式TOPに戻るボタンを設置
先月の人気記事 TOP5