2016年1月20日水曜日

Blogger 小見出しの作り方

ブログが長文になったとき、使いたいのが小見出しですね。

小見出しってのはこんな感じのやつです。




見た目がきれいになる小見出し





こんな見出しがあったらブログがきれいで見やすくなりますよね~




そこで、おすすめのサイトがこちら(・ω・)ノ


NETMANIA














トップページ右上の「HTMLテンプレート」から

「HTMLテンプレート」 ⇒ 「タイトルテンプレート(CSS版)」の順に進んでいくと、上のような画面に移動します。


あとは、お好みの見出しを選んで、見本の下にあるコードをコピペするだけなんですが・・・


コードの枠の右下をドラッグすると枠が広がりますので、コピーしやすくなります。





コピペ先ですが・・・

Bloggerの場合、




本文編集画面をHTMLに切り替え、貼り付けたいところにペーストします。


コードの最後にある「タイトル」という部分に見出しの名前を書き、「作成」に切り替えると・・・



いい感じにできました(=´∀`)人(´∀`=)



素晴らしい(●´ω`●)




ちなみに、見出しの中のフォントの大きさは





作成画面で直接変更することが可能で、フォントの大きさに合わせ、見出しの枠も自動的に大きくなってくれます。




こんな感じにね(=゚ω゚)ノ



いかがでしょうか?


フリー素材なのにとっても便利なものに出会えました~(^^)/




2 件のコメント:

  1. ゆずさん こんにちは^^

    これはいいですね!
    インパクトも与えられるしブログ全体がしっくりきますよね!

    ページにも使えそうで早速試してみたいと思います(^○^)/

    返信削除
    返信
    1. タネさん
      おっつです(^^)/

      ね!これいいですよね!!

      このサイトだけだと、見出しの色に限りがありますが、色を変える方法が見つかったらまたご紹介しますね~

      削除