あさくまろん

はてなブログの「タブメニュー」という「サイドバー」カスタマイズが「超」おすすめ

f:id:asakumamasaru:20170714231356p:plain

はてなブログの「タブメニュー」という「サイドバー」カスタマイズが「超」おすすめっていう話。

ごきげんよう。
メガダンサーのアサクママサルですぜ!!

「サイドバー」のカスタマイズしてますか?

初期設定をちょっといじったくらいだと、まだまだ「寂しい」感じですよね。

いろんな「有名サイト」さんを見た結果、「タブメニュー」という設定が便利で見栄えもいいと感じました。

てなわけで、はてなブログの「タブメニュー」という「サイドバー」カスタマイズが「超」おすすめという話題で、話を進めていきますぜ!!!



はてなブログの「タブメニュー」という「サイドバー」カスタマイズが「超」おすすめ

「ゆきひー (id:ftmaccho)」さんのページに飛んで、「タブメニュー」に入れたいものを「サイドバー」に準備します。

で、サイドバーに準備した3つか4つの「タブ」の「上」に「カスタムHTML」のモジュールを追加して、ゆきひーさんの作った「HTMLコード」を貼り付けます。


次に、「Jquery」のコードをコピーして、「デザイン」→「カスタマイズ」→「フッタ」に貼り付けますよ!!!

タブ1~タブ4までの文字を、「ゆきひー (id:ftmaccho)」さんのページに書かれている「はてなブログ」で指定された「クラス」に書き換えましょう。


終いに、「ゆきひー (id:ftmaccho)」さんのページにある「CSS」コードをコピーします。

「デザイン」→「カスタマイズ」→「デザインCSS」にコードを貼り付けますよ!!!

その他、細かい設定については、「ゆきひー (id:ftmaccho)」さんのページにあります!!!ですが、このままで十分いい感じに機能しますよ!!!

完成したものがこちら。

f:id:asakumamasaru:20170714230851p:plain

「人気」「最新」「月別」「カテゴリ」の4つのタブをクリックしたら、それぞれ下に「内容」が表示される仕様です!!いい感じでしょ?



まとめ

いかがでしたでしょうか?

ただ単に「縦」に「冗長」に4つサイドバーが並んでいるよりも、「見た目」的にかなり「スッキリ」すると思います。


トップへ戻る