アメブロの囲み枠を自分色にする方法
昨日は、こんな記事をUPしました
思わず目を惹く自分らしいブログにするには
自分のキャラクターを把握した上で
マイカラーを持つことをお伝えしましたが、
それを踏まえて
どうしてもアメブロの囲み枠が自分の好みと合わない!!
そんな時に使えるHTML編集の方法をお伝えします。
この方法は以前もお伝えしたことがあるんですが
反響が大きかったので
知らない方のためにもう一度
お伝えしますね
アメブロで用意されている
この囲み枠の色を変えていきます
テキストを入力
まずアメブロ編集画面右側の
デザイン→テキストでお好みの囲み枠を
選びます。
編集画面を下にスクロールして
【通常表示】→【HTML表示】に切り替えます。
このような文字の羅列が表示されます。
上の文字の羅列の拡大図です。
[#数字]や[#数字+アルファベット]が
カラーコードを現わしています。
色にはそれぞれ1個づつこのように
#から始まるカラーコードがつけられています。
①はテキストの色
②は囲み枠の中の色
③は枠線の色
を現わしています。
好きなカラーコードをそれぞれ
①、②、③に置き換えます。
今日は分かりやすように
①テキストの色をピンク
②枠内の色を青
③枠線を黄色
で変えていきます。
このようにカラーコードを置き換えると
色が変わります。
BEFORE
テキストを入力
AFTER
テキストを入力
こんなくすみカラーも作れます♥
①文字の色:#333
②枠内の色:#e6c0c0
③枠線:#e3acae
テキストを入力
パステルカラーも作れますよ♪
①文字の色:#333
②枠内の色:#e3acae
③枠線の色:#7fffbf
テキストを入力
こうすると自分好みの色になって
ブログの印象もグッと変わってきます♡
自分のブログへの愛着も
ひとしおです♡
意外と簡単なので
ぜひ挑戦してみてくださいね♪
カラーコードはこのサイトに
たくさん載っているので
ご参考までに…