アメブロでコピペで使える
シンプルな囲み枠のページです
女性の心を掴む♡
女性向けサイトにぴったりな
大人可愛いカラー
目 次
1. タイトル付枠線
2. タイトル付枠線(ダブルライン)
3. タイトル付枠線(タイトル塗りつぶし)
4. タイトル付枠線(角丸・タイトル塗りつぶし)
5. タブ付タイトル囲み枠
6. 上部タイトル付囲み枠
7. タイトル付背景カラー囲み枠(影付)
8. 上部タイトル背景付囲み枠
アメブロ用のタイトル付き囲み枠
タイトル付囲み枠
1. タイトル付枠線
2. タイトル付枠線(ダブルライン)
3. タイトル付枠線(タイトル塗りつぶし)
<p> </p>
4. タイトル付枠線(角丸・タイトル塗りつぶし)
<p> </p>
5. タブ付タイトル囲み枠
<div style="background:#E6EAE6; padding:5px; padding-left:10px;display: inline-block; padding: 3px 20px 1px 15px; margin-bottom:0;"><b>ここにタイトル</b></div>
<div style="background:#fff; padding:10px; border:2px solid #E6EAE6;">ここに本文を記入</div>
<p> </p>
6. 上部タイトル付囲み枠
<div style="background:#fff; padding:10px; border:2px solid #EFCCCA;">ここに本文を記入</div>
<p> </p>
7. タイトル付背景カラー囲み枠(影付)
ここに本文を記入
<div style="background:#eee9e6; padding:5px; padding-left:10px;padding-top:10px; box-shadow:3px 3px 3px #999;">
<p>ここに本文を記入</p></div>
<p> </p>
8. 上部タイトル背景付囲み枠
ここにタイトル
ここに本文を記入
<p style="background: #eee9e6; padding: 10px; border: medium; border-image: none; color: #7f7f7f; font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; text-align: center;"><font style="font-weight:bold; font-size:1.18em;">ここにタイトル</font></p>
<p>ここに本文を記入</p></div>
<p> </p>
POINT
- 改行する場合は「Shift」+「Enter」で改行してください
- スマホで改行する場合は「<br>」で改行できます
- HTML表示しなくてもそのまま[通常表示]で貼り付けることはできますが、余計なタグが入ってしまうので、[HTML表示]で貼り付けることをオススメします。
※素材の無断転載・再配布は禁止です
囲み枠の設置手順
①デザインを選んでHTMLコード
使いたい囲み枠のデザインを一覧から選んで
HTMLコードをコピーします。
②記事作成でHTML画面にする
いつもブログを書く手順で
[ブログを書く]画面下の[HTML表示]に切替えます。
③コードを貼付けて画面を戻す
①でコピーしたHTMLコードを貼付けます。
貼付けたら[通常表示]に戻します。
④囲み枠の中を入力する
最後部に囲み枠の中身を書きます。
改行する場合は「ENTER」を押します。
上記でお配りしているコードを
そのままコピーするだけでも使えますが、
もっとあなたのブログにあったイメージで作りたい場合は
色を変えたり、形を変えたりして
自分だけのこだわりの囲み枠を作ってみてくださいね
【カラー変更の参考ページ】
WEB色見本カラーコード
設置の方法や困ったときにはこちらをCheck![気づき](https://stat100.ameba.jp/blog/ucs/img/char/char4/675.png)
▶︎囲み枠を設置するやり方
▶︎改行したら枠が増えた!という時の対処法と元に戻す方法
▶︎囲み枠の色を変える方法
他にもおしゃれな囲み枠や見出しがたくさん![飛び出すハート](https://stat100.ameba.jp/blog/ucs/img/char/char4/610.png)
▶︎アメブロ見出し素材500選
▶︎\大人気♡/ 大人かわいい大理石と水玉の囲み枠
▶︎ダマスク柄の囲み枠
▶︎シンプルな囲み枠&枠線
▶︎タイトル付き囲み枠
▶︎ニュアンスカラーの囲み枠
\LINE公式登録で無料プレゼント♡/
SNSで世界観をつくる8大特典
↓ ↓ ↓ ↓ ↓
LINE公式
画像をクリックして登録♡
LINE画面が表示されない方は
@joujounetでID検索
(@も含めて検索してください)
あなたの想いと魅力を届ける
世界観づくりをサポートしています。
SNSで集客できない方
世界観づくりでお悩みの方
必要な人に価値を届けたい方
SNSで選ばれ売上をあげたい方
ぜひLINE登録してくださいね♡
Service
アメブロカスタマイズ/ライティング添削
ヘッダー/バナー/HP制作/インスタテンプレ作成
Instagramコンサル/Canva/LINEリッチメニュー
デュプロマ・テキスト・講座資料の作成
Lステップ代行構築/LINE運用アドバイス
SNSマーケティングをもとに幅広く
女性に響くデザインで
あなたらしさを叶えます♡
ハンドメイドやエステサロン
カフェ&レストラン・英語教室
アロマ・ネイル・婚活塾など
全国各地からご依頼・コンサルで一人一人
寄り添ったサポートを心がけています♡
\3人のママでも理想の働き方を手に入れた方法✨/
\インスタはこちら♡Follow Me✨/
LINE公式マーケティングやデザイン作りのヒントを発信♡
心ときめく食器とお花が作れるポーセラーツ&フラワーインテリア
JouJouetteの教室ブログはこちら♡