【受付中】ブログコンサル

アメブロ

ふんわりぼかしアメブロ囲み枠線!21選

2019年8月31日

大人気のアメブロで使える囲み枠!!
今日はふんわりぼかしの囲み枠をご紹介させていただきます。

  • ふんわりとぼかしてかわいく。
  • 暖かいイメージにしたい。
  • わたあめみたいに柔らかく。

そんなイメージの囲み枠です。

本日はふんわりぼかしのアメブロ囲み枠線!21選というテーマでお役立ち情報をお届けします。

櫻井圭子@ブログコンサル
ふんわりとぼかした囲み枠は女の子らしくてかわいいですよね。
色味を変えるとかわいくなりすぎず、ナチュラルな雰囲気にもなります。
大人気のピンク、パステル、くすみカラーで揃えました。
コピペして使ってくださいね。

 

 

 

◆囲み枠線の使い方
①下記から使いたい囲み枠を選ぶ。

②HTMLタグをコピーする。

③アメブロのブログを書く画面をHTML表示にして貼り付ける。


※ご自分のブログでコピペして使っていただいて大丈夫です!
無断転載(パクリ)、再配布は禁止です!


◆線の種類や色を変えたい時は、こちらの記事を読んでくださいね。
おしゃれでかわいい囲み枠をアメブロ記事内で作る方法

 

人気のピンクのふんわりぼかしのかわいい囲み枠線【10色】

◆ピンク1(オレンジ味薄め1)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fff4f4; box-shadow: #fff4f4 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク2(オレンジ味薄め2)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fdeff2; box-shadow: #fdeff2 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク3(青味薄め1)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fff7ff; box-shadow: #fff7ff 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク4(青味薄め2)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fff4f9; box-shadow: #fff4f9 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク5(やや濃いめ1)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fce6f0; box-shadow: #fce6f0 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク6(やや濃いめ2)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fcdceb; box-shadow: #fcdceb 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク7(やや濃いめ3)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #eebbcb; box-shadow: #eebbcb 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク8(濃いめ1)

ここに文字を入力。
改行はshift+エンター
 
<div style="margin:10px 5px;padding:15px;word-break:break-all;color:#333;box-shadow:1px 1px 2px rgba(0,0,100,0.3);background:url(https://stat.ameba.jp/user_images/20190816/01/keiko-design/a4/71/j/o0080008014538179086.jpg);border-radius:1px;">
<div style="background:rgba(254,249,251,0.9);padding:5px;border-radius:1px;">
<div style="border:4px double #cbb994;border-radius:1px;padding:10px"><span style="color:#cbb994;">♥</span><span style="color:#7f7f7f;">ここに文字を入力。<br>
 改行はshift+エンター</span></div></div></div>

◆ピンク9(濃いめ2)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #ffc6e2; box-shadow: #ffc6e2 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ピンク10(濃いめ3)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #ff9ece; box-shadow: #ff9ece 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

 

淡かわいいパステルカラーのふんわりぼかしの囲み枠線【5色】

◆オレンジ

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #fff4ea; box-shadow: #fff4ea 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆紫

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f9f4ff; box-shadow: #f9f4ff 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆青

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f4f9ff; box-shadow: #f4f9ff 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆水色

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f4ffff; box-shadow: #f4ffff 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆黄色

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #ffffef; box-shadow: #ffffef 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

 

くすみカラーがオシャレかわいい囲み枠線【6色】

◆ピンクグレー

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f5ecf4; box-shadow: #f5ecf4 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆青くすみ

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #eaedf7; box-shadow: #eaedf7 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆グレー

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f3f3f3; box-shadow: #f3f3f3 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆うぐいす緑(和風デザインにも相性Good)

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #f8fbf8; box-shadow: #f8fbf8 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ベージュ

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #ede4e1; box-shadow: #ede4e1 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

◆ブラウン

ここに文字を入力。
改行はshift+エンター
 
<div style="padding:10px; margin: 15px; background: #dcd6d2; box-shadow: #dcd6d2 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift+エンター</div>

 

まとめ|ふんわりぼかしの囲み枠はかわいいデザインと相性Good

かわいい囲み枠シリーズ!
今回はふんわりぼかしの囲み枠をコピペですぐに使えるように作らせていただきました。

ふんわりぼかしの囲み枠のシリーズは、色で印象が変わります。

  • パステルカラやピンク・・・かわいいい
  • くすみカラー・・・大人オシャレ
  • やや和風の色・・・和紙のような雰囲気

ご自分のブログのテイストに合わせて色を変えてみてください。

アメブロの記事内で沢山使ってくださいね。

この記事のurlリンクと一緒に「使ったよー!」と一言アメブロに書いていただけると励みになります!

櫻井圭子@ブログコンサル
この記事を気に入っていただけたら、はてなブックマークやSNSでシェアしていただけると嬉しいです!!

という訳で、本日はふんわりぼかしのアメブロ囲み枠線!21選というテーマでお届けさせていただきました。

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

ブログコンサル受付中

 難しい言葉を使わない優しい説明が初心者にもわかりやすいと大好評!
ブログを24時間働く営業マンにするセミナーの特性レジュメ付き。

ブログコンサル詳細はこちら

  • この記事を書いた人
  • 最新記事

オススメ

1

こんにちは。ブログコンサルタントの櫻井圭子です。 起業してアメブロを始めると気になってくるのがヘッダーなどのデザイン面ですよね。 中身が重要と分かってはいても、どうしても外見も整えたくなるものです。 ...

2

こんにちは。ブログコンサルタントの櫻井圭子です。 読みやすい、見やすい、かわいいアメブロと、そうでないアメブロの違いは何でしょう? お金をかけてプロのデザイナーさんにお願いすればそれは勿論かわいくなり ...

3

アメブロで使える囲み枠は、目立たせたりするのにとても便利です。 好きな色で自分らしくしたり、かわいい見た目に整えたり、オシャレにしたりすることもできます。 最初は色を整えるだけで満足していたかもしれま ...

4

大人気のアメブロで使える囲み枠!! 今日はふんわりぼかしの囲み枠をご紹介させていただきます。 ふんわりとぼかしてかわいく。 暖かいイメージにしたい。 わたあめみたいに柔らかく。 そんなイメージの囲み枠 ...

5

大人気のアメブロで使える囲み枠!! 今日はグラデーションの囲み枠をご紹介させていただきます。 ちょっと大人っぽく。 ゴールドとシルバーの枠をつければゴージャスに。 自然系のブログにも相性が良いグラデー ...

-アメブロ

Copyright© ブロッサムデザイン , 2020 All Rights Reserved.