HBK

はてなブログのカスタマイズにハマりいろいろまとめています!

はてなブログ記事タイトルを枠で囲む!CSSカスタマイズを考えてみた!


スポンサーリンク

 

はてなブログ記事タイトルを枠で囲む

 

 

はてなブログの記事タイトルを枠で囲みたくて試行錯誤。

まだまだ問題があるけど気になる人はチェックしていってね!

 

 

はてなブログ記事タイトルを枠で囲む

 

メリット

 

  • 記事タイトルが強調されて見やすい。
  • カッコイイ。

 

結構おすすめなんだけどこれしかメリット出てこない!

 

デメリット

 

記事一覧ではうまく枠で囲んでくれるけど

記事本文になると記事上に設定している広告まで一緒に囲んでしまう。。。

少し面倒だけど解決策を考えてみた。

 

解決策
  • 記事本文にひとつずつ広告を設置する
  • 記事タイトルの真下ではなく記事本文の初めのh3やh2の前に広告を自動で設置

 

今のところまだこのサイトは解決策やってない。

やってみたら追記するよー!

 

 

CSS

 

どちらか好きなほうをコピペしてCSSに貼り付けてね!

 

記事タイトルを枠で囲むCSS

 

 

 記事タイトルを日付と枠で囲むCSS

 

 

 まとめ

 

 

今回ははてなブログの記事タイトルを枠で囲んでみた!

参考にさせてもらったサイト

IT系女子ログ 

 

IT系女子ログのどこが好きかまとめてる記事

はてなブログカスタマイズのおすすめ記事

blogkasutamaizu.hatenablog.com