How to Add Scroll Bar in Archive With a Fixed Area in Blogger

It's very important to keep an archive widget for the benefit of audience of your Blog. But if you have a large number of post then this will cover a big area of your Blog. So adding a scroll bar with fixed dimension can be very useful in this perspective.

How to Add Scroll Bar in Archive With a Fixed Area in Blogger :

(1) Go to your Blogger Dashboard >> Template >> Customize >> Advanced >> Add CSS

.

(2) Now Paste the below code in the CSS Box

/*----BLOG ARCHIVE WIDGET CUSTOMIZED-----*/

.BlogArchive .widget-content {
background: white;
padding: 2px;
border: 1px inset #444;
}
.BlogArchive #ArchiveList {
height: 200px;
overflow: auto;
}

(3) Now Click on Apply to Blog.

Customization:
Here I have given the value of height 200px. You can change the value according to your comfort.

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email