はてなブログで複数のサイドバーモジュールをタブメニューにして回遊率アップを狙うカスタマイズ - Yukihy Life

9/3追記：その他のカスタマイズ(サイドバー固定など)を増やしました。同じモジュールを並列に使いたい方もわかるように文を若干変更しました。 jQueryを使ってみると本当にいろいろとできるなあと実感しています。今回はそれを使って、サイドバーをタブメニューにしてみようと思います。 難易度はちょい高めです。 実装図 特徴・カスタマイズの注意点 特徴 カスタマイズの注意点 カスタマイズのやり方 手順１ タブに加えるものを決める 手順２ サイドバーをつくる 手順３ タブメニューのjQuery 補足 カスタムHTMLを入れる場合 手順４ CSSでデザインする その他のカスタマイズ タブメニューの下に余白を開ける タブになるまでに一瞬崩れるのを防ぎたい サイドバーに固定したい ブラウザサイズを狭めると、挙動がおかしい タイトルとモジュール部分が近くなっちゃうor離れすぎちゃう 固定された瞬間横幅が広が

[ftmaccho]

ブログ更新

[kurocraft7522]

サイドバーモジュールを増やす方法

[you-on-the-horizon1987]

めも

[traveloops]

いつもお世話になっています！ありがとうございます！

[jubenonz]

なんだかカッコイイからやってみた

[yuki53]

使わせていただきますm(_ _)m

[imslotter]

良さげ！

[upuptou]

参考にさせてサイドバーをカスタマイズできました。わかりやすくて、初心者の僕でも20分ほどでは完成しました。

[thyself2005]

導入してみた。おかげさまでサイドバーがかなりスッキリしたので久しぶりに写真サイズをでっかくしてダイナミック感を演出、してみた。

[outdoor-kanazawa]

難しそうだけどやってみたい

[himrock5151]

とても読みやすいブログですね。自分もやってみたいけど、カテゴリー分けをしっかりしないと(^_^;って感じです。参考にさせてもらいます。

[wiz7]

サイドバーのモジュール名

[hchocolatier]

いつかやりたいと思って、今日やっと設定できました。記事を読みながら簡単にできました。感謝感謝です(^^)

[qusuriya]

かっこよかったのでさっそく導入しました！説明が分かりやすく簡単に出来ました。いつもありがとうございます。

[mataro1]

相変わらずゆきひーさん最高です！！

[midori32]

ゆきひーさんのブログどんどんカッコ良くなりますね。目が離せない！

[hitode99]

これすっげーー！　今度試してみよかな

[love-musicflavor0928]

独学でココまで出来るなんて、素晴らしいです(^o^)♪

[tomta]

あとで読む

[mayoi_inu]

カスタマイズでここまでいけるのか！って、このブログを見てると、いつも思う。

[shoichikasuo]

これやりたった！！SNSのリアクションも含めたら更に回遊しやすくなりそう。

[cardmics]

こういうのを作れるというのが凄いなーと。うちはデザイナーの方に外注するくらいしか出来ません。

[defender_21]

なんやこれってこの前ブログ見てる時に思ってた。これカスタマイズなのか笑すげえ

[Haku2014]

はてなブログのサイドバーをカスタマイズ