アメブロの囲み枠を簡単に作る呪文

こんにちは、節約起業 前田伊織です。


「アメブロに囲み枠を使いたいんですが、難しくて…」

こんなご相談をよく受けます。


囲み枠・・・

ほんのちょっとだけ、
HTMLが分かっているとカンタンなんだけど…

なかなか難しく感じちゃう気持ち、
よ～く分かります。


今日は、簡単に囲み枠ができる呪文(笑)をお教えします。


パソコンでアメブロの記事を書く枠の下。

『通常表示』と『HTML表示』というタブ（ボダン）があります。

　↓ココ

『HTML表示』にして、
以下のタグ（呪文）をペチャ！っと
コピペするだけで、
ひとまず囲み枠ができます。

↓この呪文

<div style="padding:10px; border:1px solid #ffbfde;">ここに文章など<br></div>

↑上記の呪文






改行が入っちゃってうまくいかない場合は、
改行を削除して、2行になるようにしてください。

きっとうまくいくはず！


あとは、『ここに文章など』というところを
編集するだけ♪


割と好き嫌いの少なめの薄いピンク色にしてあります。

呪文を読み解けたら、色を変更したり、
太さを変えたり自由自在です＾＾

難しかったらそのまま使ってください。


もう少し詳しい説明と、
違ったデザインについては、この記事を見てみてください。

アメブロ記事を飾るかわいい囲み枠 ～シンプル＆角丸～


慣れると好みによっていろいろ変えられるようになります。


あなたのブログライフが
ますます楽しくなりますように♪


 

最後までお読みいただきありがとうございました。



 

【前田伊織に会う】　募集中の講座・セミナー　個別セッション予約
【メールで学ぶ】　無料メルマガ　起業はじめの一歩無料メール講座　ブログバカ養成講座
【DVDで学ぶ】　穴埋め式で簡単♪「告知記事の書き方」DVD+実践シート