Kako da dodate "Sticky, Float" widget

Sticky Widget ili floating je ustvari ono što imaju mnogi sajtovi i blogovi. To je navigacioni bar koji, kada gledate, imate utisak da se pomera kada skrolujete a zapravo stoji u mestu. Pa evo vam primer na mom blogu a evo i primer na delu,

Live Demo


KAKO DA DODATE U BLOGGER

1.Template > Edit HTML
2.CTRL+ F i nadjite </body> kod
3.Odmah iznad njega, dodajte sledeći kod:

<script>//<![CDATA[ rb_makeSticky("WIDGET ID HERE"); // enter your widget ID here function rb_makeSticky(elem) { var rb_sticky = document.getElementById(elem); var scrollee = document.createElement("div"); rb_sticky.parentNode.insertBefore(scrollee, rb_sticky); var width = rb_sticky.offsetWidth; var iniClass = rb_sticky.className + ' rb_sticky'; window.addEventListener('scroll', rb_sticking, false); function rb_sticking() { var rect = scrollee.getBoundingClientRect(); if (rect.top < 0) { rb_sticky.className = iniClass + ' rb_sticking'; rb_sticky.style.width = width + "px"; } else { rb_sticky.className = iniClass; } } } //]]></script> <style>.rb_sticking {background:#f2f2f2 !important; position:fixed; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3);} </style>

Zamenite ("WIDGET ID HERE") sa vašim ID koji već imate i koji je jedinstven za svaki blog
Kako da to uradite:
1. Izabeite widget koji želite da vam bude na tom mestu 
2. Kliknite "Edit" u donjem, desnom uglu ( primer na slici )

Sada izaberite ID ( u ovom slučaju je to Popular Posts ali to je samo primer) može biti bilo koji widget 
HTML ili generalno bilo koji.

Vi sad zamenite "WIDGET ID HERE" sa recimo Popular posts u ovom slučaju - napominjem da je samo primer a ne obaveza.

Kliknite save i to je to, završen posao. Mada ja napominjem da uvek treba biti oprezan kada radite bilošta na svoju ruku. Ja sam tu da dam savet i podršku.