HBK

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

【ブルー系】見出しカスタマイズお気に入りまとめ!はてなブログをおしゃれにしたい!


スポンサーリンク

ブルー系

見出しカスタマイズまとめ

 

 

いろんな見出しがあって迷いまくるからお気に入りをまとめてみた!

この中から選ぼうと思って!

同じように迷ってる人がいたら役に立てるとうれしいです!

 

 

お気に入りの見出しまとめ

 

 

見出しサンプル1 見出しの説明

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

見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

 

見出しサンプル2

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

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

 

見出しサンプル3

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

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

 

見出しサンプル4

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

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

 

見出しサンプル5

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

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

 

見出しサンプル6

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

シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld

 

見出しサンプル7

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

はてなブログの便利過ぎるテーマ「Spirea」を作った|一瞬で自分だけのデザインにできる! - いつ俺〜いつから俺ができないと錯覚していた?〜

 

見出しサンプル8

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

はてなブログの便利過ぎるテーマ「Spirea」を作った|一瞬で自分だけのデザインにできる! - いつ俺〜いつから俺ができないと錯覚していた?〜

 

 

 

 アイコンを使った見出しまとめ

 

 

 アイコンを使った見出しはまず必要なコードを設置する。

 

 

貼る場所

 

設定→詳細設定→headに要素を追加

 

 

 

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

【保存版】Font Awesomeの使い方まとめ:Webアイコンフォントを使おう

 

 

アイコンを使った見出し1

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

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

アイコンを使った見出し2

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

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

 

 

 おすすめのサイト

 

  1. CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選
  2. シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld

  3. 見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

  4. はてなブログの便利過ぎるテーマ「Spirea」を作った|一瞬で自分だけのデザインにできる! - いつ俺〜いつから俺ができないと錯覚していた?〜