春にぴったりなミモザのナチュラルな
アメブロ用の囲み枠を紹介します。
ナチュラルが好きな方、健康やダイエットなど
女性向けの講座をやられている方にぴったりな
囲み枠がコピペで簡単にに設置できます
スマホやアプリで記事を見る場合にも対応しています。
ご利用にあたって
※ 無断転載・パクリ・二次利用などは禁止です
※ ご自分のブログでコピペしての使用はOKです
※ この記事のコードをコピペして一部を変更して似たような記事を作成することも禁止です!!
※ 記事をご紹介いただく際は、出典元として当ブログのリンクをお願いします
ミモザのナチュラルなアメブロ囲み枠
記事に追加する方法はこちらを見てね。
シンプル・ゴールド枠の囲み枠
枠なしの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
ゴールド太めの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px; border:3px solid #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
ゴールド二重線の囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
ゴールド枠線フチありの囲み枠
ここに文字を入力
<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> </p>
ゴールド二重線フチありの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.8);padding:7px;">
<div style="border:4px double #CEBB5B; padding:12px; padding-left:10px;">
<p style="margin: 0;">ここに文字を入力</p></div></div></div>
<p> </p>
シンプル・カラー枠の囲み枠
● グリーン
グリーン太めの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px; border:3px solid #C2D467;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
グリーン二重線の囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px; border:4px double #C2D467;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● イエロー
イエロー太めの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px; border:3px solid #FCF480;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
イエロー二重線の囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px; border:4px double #FCF480;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
カラー背景色の囲み枠
● 若菜色
若菜色の囲み枠
ここに文字を入力
<div style="background:rgba(241,244,195,0.8); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● 若草色
若菜色の囲み枠
ここに文字を入力
<div style="background:rgba(194,212,103,0.6); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● ベージュカメオ
ベージュカメオの囲み枠
ここに文字を入力
<div style="background:rgba(250,248,239,0.9); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● アイスミント
アイスミントの囲み枠
ここに文字を入力
<div style="background:rgba(235,246,248,0.9); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● パステルグリーン
パステルグリーンの囲み枠
ここに文字を入力
<div style="background:rgba(239,255,247,0.7); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● パステルイエロー
パステルイエローの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,239,0.7); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● くすみホワイト
くすみホワイトの囲み枠
ここに文字を入力
<div style="background:rgba(247,246,245,0.7); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● アイボリー
アイボリーの囲み枠
ここに文字を入力
<div style="background:rgba(250,247,238,0.7); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● くすみグレー
くすみグレーの囲み枠
ここに文字を入力
<div style="background:rgba(243,243,243,0.7); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● ミントグレー
ミントグレーの囲み枠
ここに文字を入力
<div style="background:rgba(216,232,234,0.7); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
● くすみグリーン
くすみグリーンの囲み枠
ここに文字を入力
<div style="background:rgba(214,230,211,0.7); padding:10px; border:double 4px #CEBB5B;">
<p style="margin: 0;">ここに文字を入力</p></div></div>
<p> </p>
角丸・ゴールド枠の囲み枠
角丸枠なしの囲み枠
文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px;border-radius:8px;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
角丸ゴールド太めの囲み枠
文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px; border:3px solid #CEBB5B; border-radius:8px;">
<p style="margin: 1;">文字を入力</p></div></div>
<p> </p>
角丸ゴールド二重線の囲み枠
文字を入力
<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> </p>
影付き・ゴールド枠の囲み枠
影付き枠なしの囲み枠
文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
影付きゴールド太めの囲み枠
文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px; border:3px solid #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
影付きゴールド二重線の囲み枠
文字を入力
<div style="background:rgba(255,255,255,0.8); padding:10px; border:4px double #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
影付きゴールド枠線フチありの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.9);padding:8px;">
<div style="border:2px solid #CEBB5B; padding:10px; padding-left:10px;">
<p style="margin: 0;">文字を入力</p></div></div></div>
<p> </p>
影付きゴールド二重線フチありの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.9);padding:8px;">
<div style="border:4px double #CEBB5B; padding:10px; padding-left:10px;">
<p style="margin: 0;">文字を入力</p></div></div></div>
<p> </p>
囲み枠の設置手順
1. デザインを選んでコードをコピーする
使いたい囲み枠のデザインを一覧から選んで
HTMLコードをコピーします。
2. 記事作成でHTML画面にする
いつもブログを書く手順で
[ブログを書く]画面下の[HTML表示]に切替えます。
3. コードを貼付けて画面を戻す
①でコピーしたHTMLコードを貼付けます。
貼付けたら[通常表示]に戻します。
設置の方法や困ったときにはこちらをCheck
▶︎囲み枠を設置するやり方
▶︎改行したら枠が増えた!という時の対処法と元に戻す方法
▶︎囲み枠の色を変える方法
他にもおしゃれな囲み枠をご用意しています
▶︎アメブロ見出し素材500選
▶︎\大人気♡/ 大人かわいい大理石と水玉の囲み枠
▶︎ダマスク柄の囲み枠
▶︎シンプルな囲み枠&枠線
▶︎タイトル付き囲み枠
▶︎ニュアンスカラーの囲み枠
SNSで世界観をつくる3つのプレゼント
インスタフォロワー1万人達成の秘訣
SNSで心を掴むColor印象シート
戦略的ブランディングWorkBook
↓ ↓ ↓ ↓ ↓
画像をクリックしてね♡
LINE画面が表示されない方は@575jocdaでID検索してね
(@も含めて検索してください)
Service
アメブロカスタマイズ/ライティング添削
ヘッダー/バナー/HP制作/インスタテンプレ作成
Instagramコンサル/Canva/LINEリッチメニュー
デュプロマ・テキスト・講座資料の作成
Lステップ代行構築/LINE運用アドバイス
多岐にわたるSNSマーケティングをもとに
女性に響くデザインであなたらしさを叶えます♡
ハンドメイドやエステサロン、カフェ&レストラン
英語教室・アロマ・ネイル・婚活塾など
全国各地からご依頼・コンサルを受けあなたに
寄り添ったサポートをさせていただいております♡
\3人のママでも理想の働き方を手に入れた方法✨/
\インスタはこちら♡Follow Me✨/
\思わず二度見され、心を奪う世界観のつくりかた/
デザイン作りのヒントやInstagram&アメブロの役立つ情報を発信しています♡
心ときめく食器とお花が作れる
ポーセラーツ&フラワーインテリア教室JouJouetteのブログはこちら♡