アメブロのサイドバーとはここのこと
↓
ここのフォローの部分の色を変更したい時の
方法です
STEP
- カラーコードから好きな色を見つける
- デザインの設定からCSS編集
色は6桁のアルファベットと数字で
表記することができます
それをカラーコードと呼んでいます
まずは、好きな色を見つけましょう！
色んなサイトがありますが
私はcanvaを利用しているので
色を見つけるのもcanvaです
他にはこんなサイトもあります
カーソルを動かすだけで
色んな色に変更するので
好きな色のところでクリックすると
カラーコードが表示されます
例）
＃DEBEE9
がこのピンクの色のカラーコードです
好きな色が見つかったら
カラーコードをメモするか
どこかにコピペしておきましょう！
この後の、CSS編集の際に
カラーコードが必要になってきます
色を変更するには
CSS編集という作業が必要になってきます
▶︎ブログ管理
▶︎デザインの設定
▶︎CSS編集
下にスクロールして
CSS編集していきましょう
下記のピンク部分のカラーコードを
編集します
ボーダーカラー:枠の色
バックグラウンドカラー:塗り潰す色
カラー:文字色
border-color
background-color
color
をそれぞれ好きなカラーコードに
編集してみましょう
色を3色使うことによって
オリジナル色のボタンが作れますので
是非、変更を楽しんでみてください♡