今回は、はてなブログのフォローボタンをオシャレにカスタマイズしていきます。 フォローボタンのデザインは記事上・記事下用5種類、サイドバー用4種類、スマホ用2種類の合計11種類を用意しました! ぜひお試しください! まずやること HTML共通コード コピペ場所 コピペコード PC版CSS 記事上・記事下用1(背景付き) 記事上・記事下用2(背景が上下に分かれる) 記事上・記事下用3(背景が上から降りてくる) 記事上・記事下用4(枠線が出てくる) 記事上・記事下用5(アイコンがボタンになっている) サイドバー用1(背景付き) サイドバー用2(背景が上下に分かれる) サイドバー用3(背景が降りてくる) サイドバー用4(枠線が出る) スマホ版CSS スマホ版1(背景) スマホ版2(枠) まとめ まずやること まず、アイコン画像の紐付けです! これをしないと、Google+のアイコン画像が表示されま