アメブロのフォローボタンを
好きな色にカスタマイズしましょう♡
基本のフォローボタンは
ダークグレー
ちょっと寂しい感じなので
(5-4)サイド強調ボタン
こちらから
カラーコードを変更すると
フォローボタンを好きな色にできます♡
まずは「CSS」に追加するために
デザインが決まっているものではなく
カスタム可能になっているか確認しましょう
アメブロ管理トップ
▼
デザインの設定
▼
CSS編集デザイン
「CSS」が編集できるようでしたら
編集できる画面へクリック
ブログデザインのCSSの編集
というページに行きましょう。
CSS編集画面では
いろんなエリアのスタイルがあり
フォローボタンの色は
(5)ボタン設定
から変更するようになります
ぐぐっと下にスクロールして
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
(5)ボタン設定
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::
が見えてきたら
小分けに
(5-1)(5-2)(5-3)(5-4)(5-5)
となっているので
さらに下にいき
(5-4) サイドボタン
までスクロールします
サイドボタンの中の
サイド強調ボタン
.skin-btnSidePrimary {
border-color: #404040;
background-color: #505050;
color: #ffffff;
}
border-colorは四角の外枠
background-colorは四角の内側
colorは文字
その隣にある
「#」から始まる数字が
その部分の色をあらわしているので
この数字を
好きなカラーコードに変えると
フォローボタンの色が変えられます♡
簡単に色を変更できるよう
カラーバリエーションも揃えてみました♡
コピペして使えます(*^^*)
フォローボタンが可愛くなると
ブログも華やかで魅力的になり
クリック率が上がりますので
ぜひ活用してくださいね♡