アメブロの記事本文中にかわいい囲みがあると目立ちますよね。
わたしは記事の一番最後のメニュー一覧や
セミナーの感想などに使っています。
上手に使うとブログの導線がぐ～んとよくなりますよ。
まるっとコピーして、記事の編集を通常教示じゃなくて
「html表示」にしてから貼り付けて使ってくださいね。
これから気まぐれでいろんな色でご紹介します。
■タイトル■
ここに本文を入力
ここに本文を入力
ここに本文を入力
<div style="background: #ffff7f; border: 1px solid #ffff7f; padding-left: 10px; font-size: 1.16em;"><span style="color: #ffffff; font-weight: bold;">■タイトル■</span></div>
<div style="border: 1px solid #ffff7f; padding: 10px; font-size: 1em;"><span style="color: #666666;">ここに本文を入力</span><br /><span style="color: #666666;"> ここに本文を入力</span></div>
■タイトル■
ここに本文を入力
ここに本文を入力
ここに本文を入力
<div style="background: #ffff05; border: 1px solid #ffff05; padding-left: 10px; font-size: 1.16em;"><span style="color: #ffffff; font-weight: bold;">■タイトル■</span></div>
<div style="border: 1px solid #ffff05; padding: 10px; font-size: 1em;"><span style="color: #666666;">ここに本文を入力</span><br /><span style="color: #666666;"> ここに本文を入力</span></div>
■タイトル■
ここに本文を入力
ここに本文を入力
ここに本文を入力
<div style="background: #fef263; border: 1px solid #fef263; padding-left: 10px; font-size: 1.16em;"><span style="color: #ffffff; font-weight: bold;">■タイトル■</span></div>
<div style="border: 1px solid #fef263; padding: 10px; font-size: 1em;"><span style="color: #666666;">ここに本文を入力</span><br /><span style="color: #666666;"> ここに本文を入力</span></div>