(cache) ブログに簡単な見出しと枠を初めて入れてみた！やり方も説明します！

2017/05/21

ブログに簡単な見出しと枠を初めて入れてみた！やり方も説明します！

前々からずっと気になっていた事なんですがいろいろなブロガーさんの記事を読んでいると改めて思う事があります。

｢私のブログは地味だと(^_^;｣

ブログを開設してから8ヶ月というところですが今さらながらそろそろ当ブログも少しずつ飾っていこうと思います。
練習がてらその表示の仕方も説明していきます。

まず基本となるのが見出しだと思います。
　　↓

これです

この見出しは結構使っている人が多いですね！

個人的には青系の色が好きなので変えてみます。
　　↓

今後はこの色でいきます

やり方を説明します。

枠の色がこの色でよければこれをコピペして見出しというところを消して文字を入力するだけです。色を変えたければ#0000cdの部分を｢原色大辞典｣から好きな色を探して#～という部分を変えるだけです。

例として｢原色大辞典｣からgreenを選びます。
（下画像参照）

#008000となっているのでこれに変えます。｢見出し｣を｢green｣と書いてみます。

<div style="border-left:10px solid #008000; border-bottom:2px solid #008000; padding-left:10px; font-weight:bold;"><font size="4">green</font></div>

↑をコピペすると↓

green

こんな感じになりますので自分が好きな色を決めてそれをコピペしてあとは見出しの部分を変えていくだけです。

もう一つ簡単なのを紹介します！
　　

見出し

↑の見出しは↓

これは2種類の色を使っていますが枠の色と中の文字の色も上で説明したやり方で色を変える事ができます。

それとこの記事で何度も登場してる↓の枠の入れ方も説明します！

これです

↑の色でよければ↓

<p style="background-color:#f5f5f5;border:1px dotted #808080;padding:5px;">ここに文章を入力</p>

↑をそのままコピペすると↓

ここに文章を入力

あとは｢ここに文章を入力｣という部分を消して書きたい事を書きます。また色を変える事も出来ます。

上手く伝わったかな？

最後に

今回の見出しはあくまでも｢なんちゃって見出し｣です。本来の見出しはh3などのタグを置いてSEO的にも有利にしたり、またCSS編集を行う方法もあるそうです。ただこれを行うのはそれなりの知識がいる様です。（そもそもFC2ブログでこれが出来るのかまだ不明です）

とりあえず記事内に見出しと枠を入れるだけでもパッと見だいぶ華やかになると思います。まずは形からという事で簡単に出来る事から始めてみました。今後は少しずついろいろな物を入れていこうと思っています。

見出しや枠をまだ使った事が無い方はデビューしてみてはいかがでしょうか？

アクセスアップ・ブログ豆知識の目次はこちら

目次や最新記事はこちら（ホームへ）