구글블로그 사이드바 메뉴를 따라다니게 하기

블로그에 보시면 화면을 따라다니는 메뉴나 광고들이 있습니다.

구글 블로그에서는 간단하게 사이드바 위젯중 하나를 따라다니게 만들수 있습니다

</body>안에 삽입

<script type='text/javascript'>
//<![CDATA[ // Sticky Widget function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("HTML1"); //]]> </script>

헤드안에 </style> 삽입

<
.makesticking{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0);} #HTML1 .widget-content {padding:0;margin:auto;}

위 스크립트에 makemeSticky("HTML1"); 노란색으로 표시된 부분이 사이드바 아이디입니다.

원하는 아이디로 넣어주시면 됩니다.