はてなブログをカスタマイズする。リンクを目立たせて関連記事を読んでもらうように。

はてなブログのカスタマイズ。なかなかできていなくて、怠っていましたが、やっとちょっとできたので公開したいと思います。

今回行うのは、リンクを強調させるCSSをブログの中に埋め込むというものです。

コピペをするだけですので、とても簡単です。

目次

1. どんなソースなのか
2. どこに埋め込むのか
3. ブログへはどうやって書くのか
4. 最後に

どんなソースなのか

今回のソースは、こちらになります。gistで表示しています。

最後に

今回のソースについては色々とわからないことがあったので、画像で説明をしていますので、以下のご覧ください。

これでも僕には十分理解できていないところがあります。やはりCSSまだまだ勉強しないといけないですね。

目次へ

どこに埋め込むのか

はてなブログの管理画面から、「デザイン→デザインCSS」の画面に移動して記述してください。

目次へ

ブログへはどうやって書くのか

ブログには、emphasize-linkというクラスをCSSで作ったので、そのクラスをブログの中に入れ込んでいただければ結構です。

目次へ

最後に

今回このCSSコードは、コピペしましたが、本当はきっちりとCSSのコードを理解した方がいいと思います。それができなかったのは、やはり勉強不足だと思います。

コードを理解するということはとても大事だと思うので、少しずつでもCSSは理解していこうと思います。

他にも色々とカスタマイズをしているので見てください。

はてなブログをカスタマイズする。GoogleAdsenseを記事内に設置する。
はてなブログをカスタマイズする。会話形式を作る、画像をDropboxから取得する
はてなブログをカスタマイズする。記事下にTOPへ行くアイコンを作る
はてなブログをカスタマイズする。SNSアイコンを変更する。

目次へ