How to Create a Floating or Sticky Blogger Widget

Last Updated: May 8, 2017

 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 </body>
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.

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.

  2. Its a very nice post to read. It is also very helpful for me. Thanks a lot for sharing.

    • I just tested this and it is working fine. Please make sure you copied the complete code and make sure your HTMLID is correct. And make sure the code is placed before < /body. Hope this will help you fix it.

    • Hi Rehman, to get your HTMLID go to blogger dashboard >> Layout and place your mouse on the edit option of the widget you want to get the id. Look somewhere around the bottom of your screen you will see the full URL there. Alternatively, you can copy link address and paste it in your notepad to get the id.

  3. How to do I use this code to make two gadgets sticky ? ( both present in the right side bar )
    Thanks a lot...


Please enter your comment!
Please enter your name here