アメブロの記事本文中にかわいい囲みがあると目立ちますよね。
わたしは記事の一番最後のメニュー一覧や
セミナーの感想などに使っています。
上手に使うとブログの導線がぐ~んとよくなりますよ。
まるっとコピーして、記事の編集を通常教示じゃなくて
「html表示」にしてから貼り付けて使ってくださいね。
これから気まぐれでいろんな色でご紹介します。
■タイトル■
ここに本文を入力
ここに本文を入力
ここに本文を入力
<div style="background: #7fbfff; border: 1px solid #7fbfff; padding-left: 10px; font-size: 1.16em;"><span style="color: #ffffff; font-weight: bold;">■タイトル■</span></div>
<div style="border: 1px solid #7fbfff; padding: 10px; font-size: 1em;"><span style="color: #666666;">ここに本文を入力</span><br /><span style="color: #666666;"> ここに本文を入力</span></div>
■タイトル■
ここに本文を入力
ここに本文を入力
ここに本文を入力
<div style="background: #8effff; border: 1px solid #8effff; padding-left: 10px; font-size: 1.16em;"><span style="color: #ffffff; font-weight: bold;">■タイトル■</span></div>
<div style="border: 1px solid #8effff; padding: 10px; font-size: 1em;"><span style="color: #666666;">ここに本文を入力</span><br /><span style="color: #666666;"> ここに本文を入力</span></div>
■タイトル■
ここに本文を入力
ここに本文を入力
ここに本文を入力
<div style="background: #2ca9e1; border: 1px solid #2ca9e1; padding-left: 10px; font-size: 1.16em;"><span style="color: #ffffff; font-weight: bold;">■タイトル■</span></div>
<div style="border: 1px solid #2ca9e1; padding: 10px; font-size: 1em;"><span style="color: #666666;">ここに本文を入力</span><br /><span style="color: #666666;"> ここに本文を入力</span></div>
ご案内
新しいメール講座をはじめました。
ぜひ登録してくださいね。
・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・
■個別コンサル毎月先着5人限定となっています。
余裕がある時はお受けできます!
お申込みはこちらからお願いします。
◆ご予約・お問い合わせなど
![電話](https://emoji.ameba.jp/img/user/ch/chouchou2135/2922803.gif)
![Skype](https://emoji.ameba.jp/img/user/ku/kumablackcat/908237.gif)
![Skype](https://emoji.ameba.jp/img/user/ku/kumablackcat/908237.gif)