How To:Add Floating Widget To Blogger

How To Make Any Normal Widget Floating

Adding CSS Code:

• Go to your blogger template section. 
• Like I said before backup first your template. 
• After that proceed to edit HTML. 
• Find the ]]> tag by pressing Ctrl+F. 
• Then add the code before ]]> tag and save the template.

Code

#Popularpost1 { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Adding Widget Code:

• Add the widget code between <div id="Popularpost1"> and </div> 
• You can place it into your blogger gadget area.

Customization

• You can change “bottom” with “top” , and “left” with “right” , what ever position you like

Please Leave Your Comment...