アメブロ 見出し付き囲み枠 グリーン 緑 かわいい | マーケティング×Lステップで仕組み化

マーケティング×Lステップで仕組み化

起業したけどうまくいかない人へ

アメブロの記事本文中にかわいい囲みがあると目立ちますよね。

わたしは記事の一番最後のメニュー一覧や
セミナーの感想などに使っています。

上手に使うとブログの導線がぐ~んとよくなりますよ。

まるっとコピーして、記事の編集を通常教示じゃなくて
「html表示」にしてから貼り付けて使ってくださいね。

これから気まぐれでいろんな色でご紹介します。



■タイトル■
ここに本文を入力
ここに本文を入力

<div style="background: #7fff7f; border: 1px solid #7fff7f; padding-left: 10px; font-size: 1.16em;"><span style="color: #ffffff; font-weight: bold;">■タイトル■</span></div>
<div style="border: 1px solid #7fff7f; padding: 10px; font-size: 1em;"><span style="color: #666666;">ここに本文を入力</span><br /><span style="color: #666666;"> ここに本文を入力</span></div>



■タイトル■
ここに本文を入力
ここに本文を入力

<div style="background: #ccff99; border: 1px solid #ccff99; padding-left: 10px; font-size: 1.16em;"><span style="color: #ffffff; font-weight: bold;">■タイトル■</span></div>
<div style="border: 1px solid #ccff99; padding: 10px; font-size: 1em;"><span style="color: #666666;">ここに本文を入力</span><br /><span style="color: #666666;"> ここに本文を入力</span></div>



■タイトル■
ここに本文を入力
ここに本文を入力

<div style="background: #33ff33; border: 1px solid #33ff33; padding-left: 10px; font-size: 1.16em;"><span style="color: #ffffff; font-weight: bold;">■タイトル■</span></div>
<div style="border: 1px solid #33ff33; padding: 10px; font-size: 1em;"><span style="color: #666666;">ここに本文を入力</span><br /><span style="color: #666666;"> ここに本文を入力</span></div>