あなたのアメブロを落ち着いた雰囲気に変えられるイエロー＆オレンジ系枠線はこれ！

こんにちは。
がんばる起業女子のアメブロサポート
さとうなおこです。

今日も「今さら聞けないアメブロカスタマイズシリーズ♪」と題して
アメブロをお仕事ブログとしてカスタマイズするための
イエローとオレンジ系囲み枠の
タグをまとめてみました。

前回のピンク系囲み枠の記事はこちらです。

※一部の枠線はスマホ画面には使えない場合がありますので
ご注意ください。

ピンクの枠線はいかにも女子的でちょっと…という方には…

お仕事ブログとしてアメブロを活用している起業女性の方には
このように枠線を使って自分のメニューや講座の
ご案内をしている方が多いですね。

枠を使うことで
お客様にもご自分のサービスが
わかりやすく見つけられるだけではなく
ブログ自体がおしゃれになる、という効果もあります。
何よりブログ更新が楽しくなりますよね。

ピンクはいかにも「女子～って感じでちょっとヤダ」という方には
オレンジやイエロー系の囲み枠はどうでしょう？

温かい雰囲気も感じられておススメですよ。

イエロー＆オレンジ系の囲み枠のタグはこちらです

各デザインの下のタグをまるごと

コピー＆ペーストして使ってくださいね。

<div style=”background: rgb(255, 255, 255); padding: 10px; border-radius: 10px; border: 2px dotted rgb(255, 165, 0); border-image: none;”>ここに文字を入れる</div>

<div style=”background: rgb(255, 255, 255); padding: 10px; border-radius: 10px; border: 5px double rgb(255, 165, 0); border-image: none;”>ここに文字を入れる</div>

<div style=”background: rgb(250, 250, 210); padding: 10px; border-radius: 10px; border: 2px dotted rgb(255, 165, 0); border-image: none;”>ここに文字を入れる</div>

<fieldset style=”padding: 15px; border: 5px double rgb(255, 219, 183); border-image: none;”>ここに文字を入れる</fieldset>

<fieldset style=”background: rgb(255, 255, 229); padding: 10px; border: 2px solid rgb(255, 217, 0); border-image: none;”>ここに文字を入れる</fieldset>

<fieldset style=”background: rgb(255, 242, 229); padding: 10px; border: 3px dotted rgb(255, 127, 0); border-image: none;”>ここに文字を入れる</fieldset>

<fieldset style=”border: 2px dashed #ffd900;”>ここに文字を入れる</fieldset>

ご参考にされてみてくださいね。

まとめ：

いかがでしたでしょうか？
イエローやオレンジ系の囲み枠は
私もアメブロで使っています。
落ち着いた雰囲気のブログになり、
使用する前より印象が良くなりました。
ぜひ活用してみてくださいね。

自分では出来ない、という方は
カスタマイズプランがおススメです。

The following two tabs change content below.

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

さとうなおこ

国内外の女性起業家の事務管理やブログサポートを数多く 行ってきた経験を活かし、現在は ブログ・SNS講座の開催や オンライン起業塾で起業初期の女性向けにブログコンサル・発信サポートを行っている。 うお座・O型・動物占いはぞう。

最新記事 by さとうなおこ (全て見る)

• ブログ記事を保存する前に消えた！…場合の解決法はこれ！ - 2020年8月21日
• アメブロ向けかわいいピンク系の枠線タグ特集 - 2020年8月1日
• 小学生の夏休みの宿題を早く終わらせる方法はこれ！ - 2020年7月27日