【はてなブログカスタマイズ】はてなブログ Pro にしてから、カスタマイズした方法と参考にしたサイト

記事一覧ページに広告が多すぎるのに我慢できなくて、ブログ開設して数日後にすぐにはてなブログ Pro にしてしまいました。だからダイエットも続かないんじゃ…

カスタマイズというほどカスタマイズできていないのですが、はてなブログの基本的なカスタマイズの際に参考にしたサイトや記事をまとめておきます。

テーマ

はてなブログのテーマは「Innocent」を使っています。作者の方が公開しているコードをコピペするだけでナビゲーション下におすすめ記事一覧を表示できるのがとても便利です。

moonnote.hateblo.jp

続きを読むボタンを横長に

カスタマイズってほどのことでもないのですが、続きを読むボタンが左に寄ってると視線の動きが煩雑になるかなと思い、思い切って横幅いっぱいに伸ばしてみました。ついでにhover時に白抜きに色が変わるようにしました。

/*======続きを読む======*/
.entry-content .entry-see-more {
　border:1px solid #333;
　border-radius:3px;
　width:100%;/*横幅いっぱい*/
}
.entry-content .entry-see-more:hover {/*白抜き*/
　background-color: #fff;
　color: #333;
　border:1px solid #333;
}