先週人気だった囲み枠です♡

囲み枠選びの参考にしてみてくださいね。

 

宝石赤 1位 宝石赤

 

 

宝石紫 2位 宝石紫

 

 

宝石ブルー 3位 宝石ブルー

 

 

宝石白 4位 宝石白

 


宝石白 5位 宝石白

 

 

宝石白 6位 宝石白

 

 

宝石白 7位 宝石白

 

 

宝石白 8位 宝石白

 

 

宝石白 9位 宝石白

 

 

宝石白 10位 宝石白

 

 

 

先週人気だった記事ベスト5

 

宝石赤 1位 宝石赤

インスタグラムに公式LINEのURLを貼る方法

 

宝石紫 2位 宝石紫

Canvaでゴールドっぽい文字を使う方法

 

宝石ブルー 3位 宝石ブルー

満足のいくホームページができました。

 

宝石白 4位 宝石白

インスタグラムのリンクをアメブロに貼る方法

 

宝石白 5位 宝石白

囲み枠を中央に配置する方法

 

 

 

※囲み枠の無断転載・再配布は禁止です。

よくある質問【囲み枠編】をご覧ください。

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

デザインとブログアドバイスで 起業女性をサポートしています。

 

 あなたの魅力があふれるブログに⇒ アメブロカスタマイズ

 書きやすく伝わりやすいブログに⇒ ブログ診断

 ランディングページホームページの制作もしています。

 

お問合せ⇒お問合せフォーム

 

ペライチプレミアムプランをお申込みいただいた

國見洋子さんのご感想をご紹介しますラブラブ

 

♥登録プレゼント付き♥
結婚を叶える無料メルマガ

 

 

ペライチ制作代行前のお悩みは?

 

アメブロがメンテナンスなどで

突然見れなくなることがあり、
アメブロ(無料)以外でも

メルマガページ(有料)が必要だと思っていました。

以前、自分でペライチを使って

メルマガページを作ろうと思い
やってみると意外と手こずってしまい、

「アメブロ(無料)があるし、まいっか…」と
先延ばしにして、だいぶ時間が経ってしまいました。

 

選んでいただいた決め手は?

 

たまたまブログで囲み枠を使う際に検索したら
有美さんのブログにたどり着きました。

実際、
ブログで囲み枠を使用させていただき
本当に素敵でテンションが上がり

その後も
有美さんの囲み枠を沢山使用させていただき、
無料でブログをブラッシュアップできました。

「こんなに無償で素敵な囲み枠を提供して大丈夫なの?(笑)」

と、余計な心配をしつつ…

有美さんのブログを読みだして
サービスを知ったのは本当に最近で、
『秋の割引キャンペーン』最終日でした。

「ペライチも制作してるんだ!」と思い

すでに

無料の囲み枠での仕上がりに満足していたので
有料サービスでも満足できるに違いない!と思ったのと

無料で沢山素敵な囲み枠を使わせていただいた
恩返しもかねてお願いしました。

 

ペライチ制作代行後、変化は?

 

何年も先延ばしにしていたことが
あっさり2~3日で完成し、あまりの早さに拍子抜けしました(笑

そして、さすがプロ!
色の合わせ方や文字や写真の配置、

囲み枠の使い方など
本当にセンスがあって素敵で、

ドンドン仕上がっていく過程でも
見ているだけでテンションが上がってきました♪

仕上がりも本当に素敵で大満足です♡

 

♥登録プレゼント付き♥
結婚を叶える無料メルマガ

 

國見さんは、

アラフォー婚活女性のために

結婚相手を引き寄せ

プロポーズされるようサポートされています。

 

 

國見さんのアメブロ

↓ ↓ ↓

 

 

ご自身もアラフォー婚活の経験者で

スピード結婚後、

プライベートもお仕事も充実されています♡

 

 

そんな國見さんの実体験に基づいた

自然に甘えられて愛される女性に変わる方法

完全無料のメルマガ配信でチェックしてくださいね!

↓ ↓ ↓

 

 

ペライチLPの

デザインキーワードは

『かわいい・キュート』

『エレガント』『やさしい』で

ピンク系をご希望でした。

 

 

ゴールドも使用しながら

幸福感が伝わるように制作させていただきました。

 

 

▼ ペライチLP制作代行のプランはこちら

 

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

デザインとブログアドバイスで 起業女性をサポートしています。

 

 あなたの魅力があふれるブログに⇒ アメブロカスタマイズ

 書きやすく伝わりやすいブログに⇒ ブログ診断

 ランディングページホームページの制作もしています。

 

お問合せ⇒お問合せフォーム

 

文字数に合わせてサイズが変わります。

メッセージボードや

記事下定型文におすすめです。

  • ゴールド系ストライプ背景
  • ゴールド系ストライプ背景と二重線
  • 影付きゴールド系ストライプ背景とゴールド直線があります
ゴールド系ストライプ背景

 

ゴールド
ストライプ    

 

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/1e/3a/g/o0050005014814895112.gif);border:1px solid #F0E4D0;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #F0E4D0;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

シャンパンゴールド
ストライプ

 

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/8d/a0/g/o0050005014814895110.gif);border:1px solid #F0EBE3;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #F0EBE3;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

ゴールドブラウン
ストライプ

 

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/fb/2f/g/o0050005014814895107.gif);border:1px solid #DBCCBE;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #DBCCBE;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

ゴールド系ストライプ背景と二重線

 

ゴールド
ストライプ   
二重線    

 

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/1e/3a/g/o0050005014814895112.gif);border:1px solid #F0E4D0;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:4px double #F0E4D0;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

シャンパンゴールド
ストライプ
二重線

 

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/8d/a0/g/o0050005014814895110.gif);border:1px solid #F0EBE3;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:4px double #F0EBE3;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

ゴールドブラウン
ストライプ
二重線

 

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/fb/2f/g/o0050005014814895107.gif);border:1px solid #DBCCBE;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:4px double #DBCCBE;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

影付きゴールド系ストライプ背景とゴールド直線

 

影付きゴールド
ストライプ    

 

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/1e/3a/g/o0050005014814895112.gif);border:1px solid #F0E4D0; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #F0E4D0;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

影付きシャンパンゴールド
ストライプ

 

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/8d/a0/g/o0050005014814895110.gif);border:1px solid #F0EBE3; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #F0EBE3;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

影付きゴールドブラウン
ストライプ

 

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/fb/2f/g/o0050005014814895107.gif);border:1px solid #DBCCBE; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #DBCCBE;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

デザインとブログアドバイスで 起業女性をサポートしています。

 

 あなたの魅力があふれるブログに⇒ アメブロカスタマイズ

 書きやすく伝わりやすいブログに⇒ ブログ診断

 ランディングページホームページの制作もしています。

 

お問合せ⇒お問合せフォーム

 

アロマ背景囲み枠です。

メッセージボードや

記事下定型文におすすめです。

  • アロマ背景
  • 角丸アロマ背景
  • 影つきアロマ背景
  • 影つき角丸アロマ背景








 

 

シンプルアロマ背景

 

本文はここに入力してください。
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);"><div style="background:rgba(255,255,255,0.5);padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);"><div style="background:rgba(255,255,255,0.5);border:4px double #F6EADC;padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);"><div style="background:rgba(255,255,255,0.5);border:4px double #e8d5af;padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

角丸アロマ背景

 

本文はここに入力してください。 
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #F6EADC;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #e8d5af;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

影つきアロマ背景

 

本文はここに入力してください。 
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);border:4px double #F6EADC;padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);border:4px double #e8d5af;padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

影つき角丸アロマ背景

 

本文はここに入力してください。 
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #F6EADC;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで!

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221122/17/atelier-plume-net/38/85/j/o0650065015206573300.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #e8d5af;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

デザインとブログアドバイスで 起業女性をサポートしています。

 

 あなたの魅力があふれるブログに⇒ アメブロカスタマイズ

 書きやすく伝わりやすいブログに⇒ ブログ診断

 ランディングページホームページの制作もしています。

 

お問合せ⇒お問合せフォーム

 

ブログのタイトルにも使える

背景色と上下ラインです。

 

背景色と上下ライン(画面幅いっぱいタイプ)

 

淡いピンク

 

<div style="border-top: #F0D5D7 solid 1px; border-bottom: #F0D5D7 solid 1px; padding: 8px; font-weight:bold;background: #FEF8FB;">ここに見出し</div>

 

 

淡いグリーン

 

<div style="border-top: #7BCDD8 solid 1px; border-bottom: #7BCDD8 solid 1px; padding: 8px; font-weight:bold;background: #E3F6F6;">ここに見出し</div>

 

 

淡いブルー

 

<div style="border-top: #91d3e0 solid 1px; border-bottom: #91d3e0 solid 1px; padding: 8px; font-weight:bold;background: #e8f7fd;">ここに見出し</div>

 

 

淡いブラウン

 

<div style="border-top: #C2B37E solid 1px; border-bottom: #C2B37E solid 1px; padding: 8px; font-weight:bold;background: #F0EDEE;">ここに見出し</div>

 

 

背景色と上下ライン(文字数で幅が変わるタイプ)

 

淡いピンク

 

<div style="display:inline-block; border-top: #F0D5D7 solid 1px; border-bottom: #F0D5D7 solid 1px; padding: 8px; font-weight:bold;background: #FEF8FB;">ここに見出し</div>

 

 

淡いグリーン

 

<div style="display:inline-block; border-top: #7BCDD8 solid 1px; border-bottom: #7BCDD8 solid 1px; padding: 8px; font-weight:bold;background: #E3F6F6;">ここに見出し</div>

 

 

淡いブルー

 

<div style="display:inline-block; border-top: #91d3e0 solid 1px; border-bottom: #91d3e0 solid 1px; padding: 8px; font-weight:bold;background: #e8f7fd;">ここに見出し</div>

 

 

淡いブラウン

 

<div style="display:inline-block; border-top: #C2B37E solid 1px; border-bottom: #C2B37E solid 1px; padding: 8px; font-weight:bold;background: #F0EDEE;">ここに見出し</div>

 

 

 

 

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

デザインとブログアドバイスで 起業女性をサポートしています。

 

 あなたの魅力があふれるブログに⇒ アメブロカスタマイズ

 書きやすく伝わりやすいブログに⇒ ブログ診断

 ランディングページホームページの制作もしています。

 

お問合せ⇒お問合せフォーム