How to Create a Floating or Sticky Blogger Widget

Last Updated: July 22, 2016

 As far as blogging is concern, the widgets that  floats or stick on a blog or websites have high click through and conversion rate than static objects/widgets. That is why many websites out there make use of floating elements throughout their websites.

From the image above you could see i have floated my facebook like box to gain more facebook likes.
Without wasting time lets learn how to get this done on your blogger dashboard.
Visit Blogger Dashboard >> Template >> Edit HTML and search for
Now paste the below code just above/before

How to Customize ==> Just change HTMLID highlighted in the code with your widget ID and save your template.
Visit your Blog and see the Magic but incase you have any problem just drop a comment and I would reply you as soon as possible.

How to Fix Not Enough Storage Space on Android Devices

Get more interesting stuff and updates like this for free by subscribing to our mailing list

Previous articleCheckout Whatsapp Upcoming Features & Updates
Next articleApple iPad Mini 3 iOS 8.1.3 Upgrade Details
Ogunrinola Adam Hiidee is an Enthusiast Tech. Blogger and Civil Engineering Student. I do discover new stuff and think on informing others about it through Blogging. You can connect with me on Facebook, Twitter, Linkedin and I would love to have you connected.


  1. From where do i get widget ID of floating or sticky blogger widget?
    my page:

    • Go to Dashboard>Layout and just place you mouse on edit found below the gadget. Don't click just place it there and you would notice a url at bottom left hand side of the browser or you copy url. You would see the widget id there.

    • It should work for you. Have you checked you htmlID of the widget you want to float and insert it before saving changes?

  2. Thanks a lot for this tutorial,it worked on my website supercool


Please enter your comment!
Please enter your name here