アメブロの囲み枠 | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

☆*・カフェビバーチェ。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00~15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に!
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。


少人数グループのイベント会場としてもご活用くださいね。
☆*・゜゚・*:.。..。.:*・☆・*:.。. .。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

こんにちは。
Webであなたの夢が叶う!のHirokoです。

今日はアメブロの囲み枠についてお伝えします。

囲み枠とは、

ここに内容を書きます。


ここに内容を書きます。


のように記事の一部分を目立たせる効果があり、
特にお知らせしたいことや、
注意してもらいたいときにとても効果的です。

この枠の載せ方は、

①ブログを書くページを開いて、
 タグ編集用のエディタに切り替えます。

 ●
新エディタの場合

 標準エディタの場合

 タグ編集エディタの場合

   タグ編集エディタの場合はそのまま何もしなくてOK!

②そこに下の囲みワクの中身(CSS)をコピーします。

青枠の場合:
<div style="background:#EEEEFF;padding:8px;border:2px dotted #0000FF;">ここに内容を書きます。</div><br><br>


赤枠の場合:
<div style="background:#FFEEEE;padding:8px;border:2px dotted #FF0000;">ここに内容を書きます。</div><br><br>

どちらも「ここに内容を書きます。」のところに
任意の
文章を入れます。

③できたら、
  
新エディタの場合
    「通常表示」に戻して、
  
標準エディタの場合
    「タグの非表示」に戻して、
  
タグ編集エディタの場合
    そのまま、
 編集を続けます



レッスンに来られた方には、
もっと簡単な方法をお伝えしています。

その方法についてはまた、後日。




今日も最後まで読んでいただいてありがとうございました。