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.

Etisalat Internet Subscription Codes, Activation & Data Sizes

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