【はてなブログ】グローバルメニューとトグルメニューってのを作成してみた。

はてなブログに引っ越してきたばかりなので、

自分の備忘録です。

 

グローバルメニューとトグルメニューの作成の仕方

初心者の私にはわからないので参考にしました。ありがとうございます↓

www.virtual-surfer.com

 

デザイン→カスマイズ→ヘッダ→タイトル下 HTMLを記述できます ってとこににコードを貼り付けして

リンク先やカデゴリー名を修正しました。

 そのままだと、「仮想化エンジニアの日常」さんのページに飛んでしまいます。

 

 

 

トグルメニューが動かかなかったのでやってみたこと

トグルメニューが、「MENU」をクリックしても、うまく表示できなかったので、こちら↓も参考にしました。

rmtmhome.com

 

「jQuery」を利用するそうなのですが・・・

私には、よくわからず、「仮想化エンジニアの日常」さんにしたがい、コピペしただけでは、「jQuery」が動いていないというか、利用していない状態なのでしょうね。

「jQuery」を利用するためには、下記の1.2どちらかをしないといけません。

1、自分のwebサーバーにjQueryライブラリを配置

<script type="text/javascript" src="【自分のサーバーのパス】/js/jquery-1.11.0.min.js"></script>

 

2、web上のjQueryライブラリを参照する

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

で、私は、2にしました。

 

さっきと同じ、デザイン→カスマイズ→ヘッダ→タイトル下 HTMLを記述できます ってとこの一番下に、コピペしました。

すると、トグルメニューってのが、動いてくれました。

 

よかった。