ブログで囲み枠を使いたい! | 50代からの人生を楽しむオンラインコミュニティCHEERS(チアーズ)

50代からの人生を楽しむオンラインコミュニティCHEERS(チアーズ)

50代からの人生を楽しもう!
人生がかわるオンラインコミュニティ
遊びの場 繋がり場をご提供します。

囲み枠をつかいたいのですが

どうすればいいのですか?

というご質問を立て続けに数件頂いたので、こちらでもお伝えしますね。


コピペできるタグを紹介しているブログはたくさんあるのですが
ご質問には答えねばね。腕。


やってみると、とっても簡単ですよ。


囲み枠ってこういう やつね。

お客様のご感想記事の ご感想部分とか

イベントご案内記事の申込み要領の部分とかね。

枠で囲っただけでグッとわかりやすく、見やすくなります。


では 張り切って作ってみましょう!



・・・・・・・・・・・・


まず皆さん、
「ブログを書く」のことろから

「通常表示」 で記事をかいてると思いますが

「HTML表示」 をクリックします。


と<br>とかね タグといわれるものが表示されます。

HTML表示にしてから、
下の赤字の部分をまるっとコピペして 貼り付けてみましょう。


<div style="border:1px solid #F00;padding:10px;border-radius:10px;">★</div>


1



できましたか?

次に通常表示をクリックしますと


2

ほーら。出来た!

この★の部分にご自分のいれたい文章を書けばOKよ。




私がよくつかうのは
シンプルな細い赤線 赤文字の部分をコピペして使ってね。   


文章はココ

<div style="border:1px solid #F00;padding:10px;border-radius:10px;">文章はココ</div>



赤の点線

文章はココ


<div style="border:1px dotted #F00;padding:10px;border-radius:10px;"> 文章はココ</div>




枠内に背景色があるものも可愛いけど、
背景色が濃すぎると 肝心の文章が読みづらくなるので注意してくださいね。

背景色はできるだけ淡い色。文字色は黒など濃い色を使いましょう。

やり方を覚えたら

『ブログ 囲み枠」 で検索するといろんな種類の枠がでてくるので
コピーして使ってみてくださいね。





ご希望の方はこういった操作方法もお教えしますよ。
その場で一緒につくちゃいましょ。
↓↓
黄いろえんぴつ初心者の為のブログアドバイス 




イベント先行ご案内は無料メルマガから!不定期配信です。
ラブメール メルマガ 繋がる広がる豊かになる!白木でございます。 


ラブメール 無料メール講座 全6回 
(au 、ガラケーの方はお申込時、メール受信をテキスト形式にチェックしてお申込み下さい。)
ビジネスブログに絶対必要なのはたった2つの事だけだった!