こんにちは、4歳の女の子、1歳の男の子をもつアラフォーのおじさんです。 はてなブログのカスタマイズをするとき、シロマティさんのブログ NO TITLの記事にお世話になっている人も多いのではないでしょうか。 わたしもたびたび参考にさせてもらっています。 その中でもこちらの記事を参考にしてリンクに枠を付けているブログをたくさん見かけます。 http://shiromatakumi.hatenablog.com/entry/2017/01/16/205403 今回はこちらのカスタマイズを更にカスタマイズして、リンクの見出しやアイコンを、自由に変更しちゃいます。 リンクの見出しをカスタマイズしよう CSS 記事中で見出しとアイコンを指定する 注意点 おわりに リンクの見出しをカスタマイズしよう まずは実際のサンプルをご覧ください。*1 例えばこんな風に、いろいろな見出しを付けられるようにします。
![【はてなブログ】おすすめ記事・関連記事リンクの見出し・アイコンを変更するカスタマイズ - うち天](https://cdn-ak-scissors.b.st-hatena.com/image/square/9fce56b0feb1422bc38d63ab6a8d35750a451dd8/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak2.f.st-hatena.com%2Fimages%2Ffotolife%2Fu%2Fuchiten%2F20010221%2F20010221212040.png)