How to Make Blogger Widget or Sideber Fixed, Sticky or Float

Hi people! I was just sitting yesterday watching TV  when this thought occurred to me, and I thought there are some people out there trying to do something like this on their blog.

Okay, what happened was that in 2014 I actually wanted to get this done on my blog after seeing it on Lifehacker.com, it was awesome 🙀. They used it to make an AdSense ad unit fix to the screen for much more visibility and you know, increase CTR. That would actually have made them a good income from Adsense. 

The function can be implemented to your blog with just a simple CSS line of code. The thing is to make it look very professional, you need to make the widget the last in your widget list.

So here is how to do it, but first, you must note the ID of your widget. To get this ID number, you need to click on the edit link in the Layout tab of your dashboard. 

Layman explanation ⇉ Login to Blogger⤤ ⥤ Layout ⥤ Your widget that you are working on ⥤ Click on the edit link ⥤ Click on the address bar of the pop-up window ⥤ go to the end of the address ⥤ The Lable name with a number at the front is what you are looking for.

Well, I feel responsible because I have already started writing this post, so I'll add a screenshot 😕.

That's what you have to do to know your widget ID. To the next step;

Go to Template ⥤ Customise ⥤ Advanced ⥤ CSS ⥤ Paste the below code according to preference.

For Widget

.WidgetID { position: fixed; }

For Sidebar

.column-right-inner { position: fixed; }

Customising

Replace the widgetID with yours.

Change .column-right-inner to left if you have your sidebar on the left.

That's it guys. Let me see your thanks in the comment, and if you have any issues also, that's why I have the comment box there.