How to Put Any Widget Inside Scroll Box for Blogger Blogs

| , , , ,

Put a Widget Inside a Scroll Box

Do you have a problem that your blog become too long? that it’s beginning to wear down your readers? Making them click the scrollbar over and over again just to view the next widget?

Put a Widget Inside a Scroll Box If you do, then it’s about time you stop it from testing your readers’ patience and taking over your blog valuable screen space. Put tall widgets where they belong -inside a scroll box.

This tutorial will place your widget content in a scroll box. The title will be held static, visible at all times.

Let us begin,
Identify which widget is going into a scroll box. Find the widget ID. Go back to Dashboard > Design > Edit HTML. Find this line of code in your template:


Add the code below right before (above) the line.

/* Scroll box by START */
#YourWidgetId .widget-content {
height: 200px;
overflow: auto;
/* Scroll box END */

Replace YourWidgetId with the widget ID. (You can also replace the whole selector with any element ID and this code will put that element in a scroll box).

Change height as you like.


Adding a Section (Add a gadget link) in Blogger Layout

How To Add a Three Column Blog Footer


1 thought on “How to Put Any Widget Inside Scroll Box for Blogger Blogs”

  1. Hello! I could have sworn I've been to thіs web site before but
    after going through many of the articles I realized it's new to me.
    Nonetheless, I'm definitely delighted I diѕcovered іt and I'll be bookmarking it and checking back frequently!

Comments are closed.