はてなブログのSEO対策

SEO対策として、Google アナリティクス を見て、はてなブログを更新する方法について情報発信しているブログです。

はてなブログにメニューバーを貼り付ける

ブログ編集画面の[デザイン]を表示します 

はてなブログに、メニューバーを設置する方法について、説明します。

 

はてなブログにログインして、[デザイン]メニューを開いてください。

f:id:muramoto1041:20180601134752p:plain

 

デザインCSS に、CSS コードを追加する 

f:id:muramoto1041:20180601134825p:plain

 

f:id:muramoto1041:20180602124530p:plain

menu_deep-blue css

f:id:muramoto1041:20180602124642p:plain

menu_blue css

f:id:muramoto1041:20180602124726p:plain

menu_deep-green css

f:id:muramoto1041:20180602124812p:plain

menu_green css

f:id:muramoto1041:20180602124852p:plain

menu_deep-red css

f:id:muramoto1041:20180602124933p:plain

menu_red css

f:id:muramoto1041:20180602125016p:plain

menu_orange css

 

 

ヘッダに、メニューバーの html コードを追加する

f:id:muramoto1041:20180601135313p:plain

menubar_html

 

設置した[メニューバー]を確認する

f:id:muramoto1041:20180601135459p:plain