Put Widgets In a Scrolling Boxes In Blogger Blog

Hey ... Is that your blogger side bar is too long due to widgets .. Are you disgusted by scrolling .. This is the best solution for that horrible problems .. Put your long widgets like Blog Archive , Popular Posts , Recent comments to a scrolling boxes ...

Okey .. Let's do it ...

01. Go to Blogger Dashboard > Template ..

02. Then click on Edit HTML button ..

03. Now Find " ]]></b:skin> " in your template ..

04. Then add this CSS part just before the above code .. ( ]]></b:skin> )

#Widget_Id.widget-content { height: 200px; overflow: auto; }

05. Now you have to replace the " Widget_Id " with ID your widget that you want to put inside to the scrolling box ...

Find The Widget ID

Open the Blogger layout in new tab and find where the widget that you want to find tha widget ID ..
Then click Edit in that Widget to open Pop Up that we can edit the settings of that widget ..
Now you can see the widget ID in the address bar of the Pop Up ..( See the Image below )

Then copy that widget ID and paste it in the CSS code .. (Replacing Widget_ID )

You Can Change Height by repacing 200px ....

That's All .. Hope you Enjoy ..

------------------------------------------------ END --------------------------------------------

If you have any questions please ask them by commenting .. Share your success also with us .. Share this if it is Useful .. :)

Techkyla