3分でできるメニューバーを5分でカスタマイズする方法 | 自然な写真が楽しく撮れる、人物写真の専門家[hal photo Works]

自然な写真が楽しく撮れる、人物写真の専門家[hal photo Works]

「写真うつりが悪い」「カメラが苦手」と悩んでいませんか?
そんなあなたの魅力を根こそぎ発掘!
写真嫌いな方でもリラックスして自然体の撮影を楽しめます。
人物写真の専門家、カメラマン・ハルのブログ。

今日は1日中、納品のためのパソコン作業で家から1歩も出なかったstudio FLEXのカメラマン、ハルです。七五三のお写真が可愛くて仕事なのに癒やされたー。

さて昨日はついに当ブログにメニューバーがつきました。
3分でメニューバーができちゃった!簡単すぎるアメブロカスタマイズツール!

今回はボタンの色を自分好みに変更する方法です。

メニューバーをつけてみたけど、なんかデザインがしっくりこないなく
って場合は、ボタンの色を変えてみましょう。


まずはこちらの記事の説明どおりにタグを発行します。
憧れのメニューバーが自分で簡単に作れます!|やさしいブログの作り方


そのタグをメモ帳にコピーして、下記の場所を変更します。



書き換えるのは赤字の英数字の部分だけです。

background:#ff0000 矢印ボタンの色
color:#ffffff
 矢印文字の色
border-radius:15px
 矢印ボタンの角の丸み

色を指定するこの6桁の英数字は「カラーコード」といいます。

カラーコードを調べるには、こちらのサイトが便利です。


色を選ぶコツは今のデザインに使われてるものから選ぶこと。

自分のブログに何色が使われているのかよくわからない場合はこちらでチェック。URLを入力すると、そのサイトで使われているカラーコードが表示されます。
どの色がどれくらいの量で使われているかも分かります。1番多く使われている色か、アクセントとして使われている色を選ぶとまとまります。

色の変更ができたらフリースペースにコピペして「保存」したら完成!
使う色さえ決まっていれば、あっと言う間にできちゃいます!

亜友未直接フリースペースで編集してもいいんですが、うっかり余計なところを消してしまわないためにメモ帳を使うのをおすすめします。メモ帳のフォントサイズを変更すれば大きな文字にできるので、見やすいし。

メニューバーをつけて「メニュー」や「お客様の感想」とかを目立つ場所に置いておくと、めっちゃプロっぽく見えるので、お仕事でアメブロ使ってる方におすすめですよー。



★募集中のイベント★ 
10/21(水)、28日(水)