魅せるブログ 色の専門家
キレイデザイン学インストラクター、パソコンインストラクターの(かなわ ひろみ)です。
レシピ載せるのに、
強調して載せたい
診断した結果のお客様の声を掲載する事で、
ブログを読んで下った方から評価が決まると言っても過言ではありません。
様々なブログに代用できます
まずは、
レシピバージョン
・グリーン
さばのチーズホイル焼き
材料 (2人分)
- さばの切り身 2切れ(約250g)
- しめじ 1/2パック(約50g)
- 玉ねぎ 1/4個
- ピザ用チーズ 大さじ4
- オリーブオイル 大さじ1
- パセリのみじん切り 適宜
- 塩 こしょう トマトケチャップ
(コピペして使用してください)
↓
<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 15px 5px; padding: 10px; background: #3eb370; box-shadow:#3eb370 0px 0px 0px 5px; border: 2px dashed rgb(228, 220, 138);"><font color="#333333"> </font> <div style="border-bottom: 2px solid rgb(0, 0, 255); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="ハート" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/bl/blue-pearl66/11479.gif" width="16"> <font color="#ffffff">%TEXT%レシピ</font></div> <p style="color: #333333;"> </p> <p style="color: #333333;"> </p></div>
・薄緑(うすみどり)
レシピ
(コピペして使用してください)
↓
<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 15px 5px; padding: 10px; background: #69b076; box-shadow:#69b076 0px 0px 0px 5px; border: 2px dashed rgb(228, 220, 138);"><font color="#333333"> </font> <div style="border-bottom: 2px solid rgb(228, 220, 138); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="ハート" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/bl/blue-pearl66/11479.gif" width="16"> <font color="#ffffff">%TEXT%レシピ</font></div> <p style="color: #333333;"> </p> <p style="color: #333333;"> </p></div>
・深緑(ふかみどり)
お客様の声
(コピペして使用してください)
↓
<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 15px 5px; padding: 10px; background: #00552e; box-shadow: #00552e 0px 0px 0px 5px; border: 2px dashed rgb#fffafa;"><font color="#333333"> </font>
<div style="border-bottom: 2px solid rgb(228, 220, 138); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="ハート" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/bl/blue-pearl66/11479.gif" width="16"> <font color="#ffffff">お客様の声</font></div>
<p style="color: #333333;"> </p>
<p style="color: #333333;"> </p></div>
<div style="border-bottom: 2px solid rgb(228, 220, 138); padding-left: 10px; font-weight: bold; font-size: 100%;"><img alt="ハート" draggable="false" height="16" src="https://emoji.ameba.jp/img/user/bl/blue-pearl66/11479.gif" width="16"> <font color="#ffffff">お客様の声</font></div>
<p style="color: #333333;"> </p>
<p style="color: #333333;"> </p></div>
本日も、お読み下さりありがとうございます。
☆作成方法☆
☆アメブロ編☆
①HTML表示にしましょう
②ソースを入れましょう
③通常表示に戻しましょう
④出来上がり(必ず、表示が正しいか確認してください)
①HTML表示にしましょう
②ソースを入れましょう
③通常表示に戻しましょう
文字の入力・絵文字を入れると素敵な囲み枠になりますよ
④出来上がり(必ず、表示が正しいか確認してください)
プレビュー画面で、必ず、確認してくださいね
メリハリ有るブログって素敵!!
楽しんでブログ作ってくださいね(*^_^*)