How To Make A Scrollbar In Your Blogger Widgets II

In How To Make A Scrollbar I, we have discussed about making the scrollbar on the whole widget (Sidebar), unfortunately this situation will be a problem if we install a third-party widgets that forbids us to change / cut their display widget (eg Google Adsense).



To overcome that problem we need advanced trick.



One Sidebar "Scrollbar Mode"



If your template has been modified to have 2 sidebar (like this blog), then we only need to put the third-party widgets on the first sidebar along with other widgets to apply non "scrollbar mode" sidebar, and to place the other widgets on the second sidebar to be made "scrollbar mode". In the other words, we classify the widgets into 2 groups and put into the separate sidebar, non "scrollbar mode" sidebar and "scrollbar mode" sidebar.

This method is the same as we do in How To Make A Scrollbar I, but we have to insert the script below one of the "sidebar-id's" that we will create a "scrollbar mode" sidebar.



The most important is you must know and find  your "modification (add) sidebar name", cause this is the key of this method,  so you can put the script below it. Let us use my blog as a sample, I make 3 modification sidebar, named #sidebar-wrapper, #second-sidebar1-wrapper, and #second-sidebar2-wrapper (please look at the position..!).

 So, depend of my choice to make a scrollbar mode on one of my sidebar, than The script that can be inserted into my template will be like this (Go to your Dashboard >> Layout >> Edit HTML and find /* Sidebar Content */ in some case, may be you'll found like mine, with -----  and add this script right after it) :

/* Sidebar Content */

#sidebar-wrapper{

height:200px;

overflow:auto;

}

The display will be like this:

Or this,

/* Sidebar Content */

#second-sidebar1-wrapper{

height:200px;

overflow:auto;

}

Or this,

/* Sidebar Content */

#second-sidebar2-wrapper{

height:200px;

overflow:auto;

}

Unfortunately, all of your widget in your "scrollbar mode" sidebar  become only "one scrollbar".



Actually, the best result of the "scrollbar mode" is when applied to each widget, this method is a bit complicated but give us the best results.

We will discuss it in the next post...