【アメブロ囲み枠】夏にぴったりなレモン柄の囲み枠(ブルーver)

アメブロで使える大人かわいい囲み枠をご紹介しています♡

こちらのページはエレガントなグレースフラワーのピンクバージョンをベースに背景色などのデザイン違いをご紹介しています。同じデザインの色違いはこちら →こちら★

JUNKO

囲み枠は改行は『Enter』のみで大丈夫です♡
他にも可愛いデザインをたくさん用意しています!

囲み枠の使い方

デザインを選んで、HTMLコード(グレーの枠内)をコピーする

アメブロの記事作成画面で [HTML表示] に画面を切り替える

①でコピーしたHTMLコードを貼付けます

囲み枠の中を入力する

無断転載・パクリ・二次利用などは禁止です!

ご自分のブログでコピペしての使用はOKです!

記事をご紹介いただく際は、出典元として当ブログのリンクをお願いします。

もくじ

おしゃれなレモン柄のアメブロ囲み枠

シンプルなゴールド枠の囲み枠

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(255,255,255,1); padding:10px;”>
<p style=”margin: 0;”>文字を入力</p></div></div><p>&nbsp;</p>

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”> <div style=”background:rgba(255,255,255,1);padding:7px;”><div style=”border:2px solid #CEBB5B; padding:10px; padding-left:10px;”>
<p style=”margin: 0;”>文字を入力</p></div></div></div>
<p>&nbsp;</p>

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(255,255,255,1); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

シンプルなゴールド枠の囲み枠(透かし)

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(255,255,255,0.7); padding:10px;”>
<p style=”margin: 0;”>文字を入力</p></div></div><p>&nbsp;</p>

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”> <div style=”background:rgba(255,255,255,0.7);padding:7px;”><div style=”border:2px solid #CEBB5B; padding:10px; padding-left:10px;”>
<p style=”margin: 0;”>文字を入力</p></div></div></div>
<p>&nbsp;</p>

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(255,255,255,0.7); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

シンプルなカラー枠の囲み枠

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ; “>
<div style=”background:rgba(255,255,255,1); padding:10px; border:3px solid #4169e1;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(255,255,255,1); padding:10px; border:4px double #4169e1;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”> <div style=”background:rgba(255,255,255,1);padding:7px;”><div style=”border:2px solid #4169e1; padding:10px; padding-left:10px;”>
<p style=”margin: 0;”>文字を入力</p></div></div></div>
<p>&nbsp;</p>

↑目次にもどる

角が丸いゴールドの囲み枠

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;border-radius:10px;”>
<div style=”background:rgba(255,255,255,0.8); padding:10px;border-radius:8px;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;border-radius:10px;”>
<div style=”background:rgba(255,255,255,0.8); padding:10px; border:3px solid #CEBB5B; border-radius:5px;”>
<p style=”margin: 1;”>文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ; border-radius:10px;”>
<div style=”background:rgba(255,255,255,0.8); padding:10px; border:4px double #CEBB5B; border-radius:8px;”>
<p style=”margin: 2;”>文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

影付きのゴールド枠の囲み枠

文字を入力

<div style=” box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ; “>
<div style=”background:rgba(255,255,255,0.8); padding:10px;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style=” box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”> <div style=”background:rgba(255,255,255,0.9);padding:7px;”><div style=”border:2px solid #CEBB5B; padding:10px; padding-left:10px;”>
<p style=”margin: 0;”>文字を入力</p></div></div></div>
<p>&nbsp;</p>

文字を入力

<div style=” box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(255,255,255,0.8); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style=” box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;border-radius:10px;”>
<div style=”background:rgba(255,255,255,0.8); padding:10px; border:3px solid #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

文字を入力

<div style=” box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;border-radius:10px; “> <div style=”background:rgba(255,255,255,0.9);padding:8px;border-radius:5px;”><div style=”border:4px double #CEBB5B; padding:10px; padding-left:10px;border-radius:5px;”>
<p style=”margin: 0;”>文字を入力</p></div></div></div>
<p>&nbsp;</p>

↑目次にもどる

パステルカラーの背景色の囲み枠

ベビーピンク

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(255,249,255,0.9); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

ベビーブルー

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(239,247,255,0.9); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

パステルパープル

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(247,239,255,0.9); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

パステルグリーン

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(239,255,247,0.9); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

パステルイエロー

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(255,255,239,0.9); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

くすみカラーの背景色の囲み枠

アイボリー

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(250,247,238,0.9); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

グレージュ

文字を入力

<div style=”background-image:url(https://joujounet.com/column/column/wp-content/uploads/28-1.jpg); padding: 15px ;”>
<div style=”background:rgba(233,228,224,0.9); padding:10px; border:4px double #CEBB5B;”>
<p style=”margin: 0;”>文字を入力</p></div></div>
<p>&nbsp;</p>

↑目次にもどる

JUNKO

囲み枠が上手くできなかったり、ご質問があれば、お気軽にコメント欄から質問してくださいね。

同じデザインの色違いもあるよ! →こちら★

まとめ・見やすく可愛いブログには囲み枠を使おう

アメブロで長い文章を書くときは文章をボックス(枠)で囲むと読みやすくなります。

ぜひ設定してあなたらしいかわいい”あなただけの”アメブロを完成させましょう!
お役に立てましたら嬉しいです♡

本日も最後までお読みいただき、ありがとうございました♡

JOUJOUNET|ブランディング×デザイ...
404: ページが見つかりませんでした | JOUJOUNET|ブランディング×デザインで集客・売上UPを叶える 女性の心を掴むSNS・WEBを整えて史上最高の魅せる自分へ。 SNSからLINE、そしてホームページまで集客導線をしっかり整える。ブランディング×マーケティングに強いSNS。ホー...

LINE公式

LINE公式登録でSNSの世界観を作る11大特典プレゼント

あなたの想いと魅力を届ける世界観づくりをサポートしています。
SNSで集客できない方、世界観づくりでお悩みの方
必要な人に価値を届けたい方、SNSで選ばれ売上をあげたい方

ぜひLINE登録してくださいね♡

よかったらシェアしてね!
もくじ