はてなブログの「続きを読む」をほぼコピペでカスタマイズ

　カテゴリーを階層化するのに使用していたデザインテーマが対応していなかったので、急遽ブログのデザインテーマを変更することになった。

　カテゴリーの階層化については後日に書くとして、今回はデザインテーマを変更した際に「続きを読む」のボタンのデザインが気に入らなかったのでカスタマイズしてみた。

カスタマイズするのに参考にしたサイトはこちら。

www.ituore.com

続きを読むのカスタマイズの仕方

デザインのカスタマイズにある『デザインCSS』

/*続きを読む位置変更*/
.entry-see-more {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
font-weight:bold;
color: #FFFFFF;
background-color: #872732;
border: 2px solid #333333;
border-radius: 3px;
}

.entry-see-more:hover {
color: #FFFFFF;
}