(cache) 【コピペ一発】はてなブログのサイドバー（一番下のモジュール）を固定する方法

【コピペ一発】はてなブログのサイドバー（一番下のモジュール）を固定する方法

サイドバー？モジュール？

サイドバーってなに？モジュール？ってなに？って思う方もいるかもしれませんので僕のブログを参考にしつつサイドバーとモジュールを理解しておきましょう！

サイドバーというのは赤枠で囲った部分です、プロフィールや読者登録ボタンがある所、デザインによっては左側にサイドバーがある場合もあるでしょう。

f:id:needsblog:20170122215813p:plain

モジュールはサイドバーを形成するパーツのようなものです、青枠で囲ってあるのがモジュール達。サイドバーは１つのお弁当箱のようなものでモジュールがご飯やおかず達といった具合です。

f:id:needsblog:20170122221403p:plain

固定する際の注意点

見てもらいたい記事や読者登録ボタン、プロフィールを固定することは自由ですが、アドセンス等の広告を固定することは規約違反になる可能性があるので必ず確認して慎重に行ってください！

サイドバー（一番下のモジュール）の固定は有効に活用すれば効果が見られるはずなのでぜひ使って見てください！

さぁ、カスタムしよう！

まずはこちらをコピー↓

<!--jQuery-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<!--サイドバー固定-->
<script>
$(window).load(function() {
　　var sideLast = $(".hatena-module").filter(":last");
　　var sideLastTop = sideLast.offset().top + 450;
　　var sideLastWidth = sideLast.width();
　　var win = $(window);

　win.scroll(function(){
　　if(win.scrollTop() > sideLastTop) {
　　　sideLast.css("position",'fixed');
　　　sideLast.css("top",'20px');
　　　sideLast.css("width",sideLastWidth);
　　}else{
　　　sideLast.css("position",'relative');
　　};
　});
});
</script>