アメブロでコピペで使える写真の囲み枠をご紹介します
本日紹介するのは水彩インクアートが
おしゃれなアメブロ囲み枠です
女性心理で魅せるアメブロ&Instagram
0.2秒で女性の心を掴む世界観と
愛され発信力で\あなただから♡/
と選ばれる戦略的SNSづくり
世界観をカタチにするSNSデザインプロデューサー
豊田 純子
▶︎はじめましての方はこちら♡
コピペで使えます!改行はEnterのみでOK!!スマホでの改行も楽ちんだよ♫
ご利用にあたってはご自由に使っていただけます♪
ただし転用・パクリ・二次利用などは禁止です!!
シンプル・ゴールド枠の囲み枠
枠なしの囲み枠
文字を入力
<div style="background:rgba(255,255,255,0.7); padding:10px;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
ゴールド太めの囲み枠
文字を入力
<div style="background:rgba(255,255,255,0.7); padding:10px; border:3px solid #CEBB5B;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
ゴールド二重線の囲み枠
文字を入力
<div style="background:rgba(255,255,255,0.7); 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.7);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.7); padding:10px; border:3px solid #EBA4C0;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● チェリーピンク
チェリーピンク二重線の囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.7); padding:10px; border:4px double #EBA4C0;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● ラベンダー
ラベンダーの太めの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.7); padding:10px; border:3px solid #CAB8D9;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● ラベンダー
ラベンダー二重線の囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.7); padding:10px; border:4px double #CAB8D9;">
<p style="margin: 0;">文字を入力</p></div></div
<p> </p>
● ブルーグレー
ブルーグレー太めの囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.7); padding:10px; border:3px solid #B0C4DE;">
<p style="margin: 0;">文字を入力</p></div></div>
<p> </p>
● ブルーグレー
ブルーグレー二重線の囲み枠
ここに文字を入力
<div style="background:rgba(255,255,255,0.7); padding:10px; border:4px double #B0C4DE;">
<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>
<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.8);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.8);padding:8px;">
<div style="border:4px double #CEBB5B; padding:10px; padding-left:10px;">
<p style="margin: 0;">文字を入力</p></div></div></div>
<p> </p>
ご利用にあたって
※ 無断転載・パクリ・二次利用などは禁止です
※ ご自分のブログでコピペしての使用はOKです
※ この記事のコードをコピペして一部を変更して似たような記事を作成することも禁止です!!
※ 記事をご紹介いただく際は、出典元として当ブログのリンクをお願いします
囲み枠の設置手順
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のブログはこちら♡