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

何でも書きますがブログアクセスアップの仕方(主にFC2ブログ)を模索したり、気になったニュースに対してコメントします!

 

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

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

「私のブログは地味だと(^_^;」


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

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


  ↓
これです


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

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




やり方を説明します。



<div style="border-left:10px solid #0000cd; border-bottom:2px solid #0000cd; padding-left:10px; font-weight:bold;"><font size="4">見出し</font></div>


枠の色がこの色でよければこれをコピペして見出しというところを消して文字を入力するだけです。色を変えたければ#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


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


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


  
見出し

↑の見出しは↓

<div style="margin:8px 0; padding: 3px 8px;background:#0000cd; color:#ffffff;">見出し</div>



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



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

これです


↑の色でよければ↓

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


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

ここに文章を入力



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



上手く伝わったかな?


本来の見出しとは?



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

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


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


追記


タグ(h2、h3)を入れた見出しはこちらの記事「検索流入が少し増えてきた!SEO実験の成果?まとめて分析してみる!」を参照して下さい!



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


 アクセスアップ豆知識

4 Comments

がちょー  

こんばんわ♪♪

黒猫さま、こんばんわ~

なんと見出しの裏技を拝見しましたよv-290

今回もテクニック、非常に勉強にもなりましたね^^

2017/05/21 (Sun) 20:18 | EDIT | REPLY |   

黒猫  

がちょーさんへ

今後は少しずつブログを華やかにしていこう思っています(^^)

少し手間がかかりますが(^_^;

2017/05/21 (Sun) 20:21 | REPLY |   

えいしん  

どんな感じの華やかさでしょうか?

えいしんです。

黒猫様のイメージする「華やかさ」は、どんな感じでしょうか?

例えば、他のブロガー様で、黒猫様が「華やかだな~」と感じられて、
「こんな感じが良いな~」という方がいらしたら、是非、「ご紹介」
頂ければ、「ねた」になりますし、黒猫様の「華やかなブログイメージ」
が共感できます!(というか、ただの、野次馬です!;笑)

それでは、お疲れさまでした。

2017/05/22 (Mon) 03:35 | REPLY |   

黒猫  

えいしんさんへ

ブログサークルに入って思ったんですけど全体的にブログサービスを利用している人は地味ですね(^_^;
サークル内にはWordPressの人が体感では半分以上いる気がします。

具体的に言うと引用部分は引用符を入れたり、リンクは枠で囲って画像を入れたり、吹き出しを入れたりしてますね(^^)
少しずつ真似ていこうとは思っています(^^)

ブログサークルはいろいろと勉強になりますよ!

2017/05/22 (Mon) 16:52 | REPLY |   

Leave a comment