Add a Widget Inside a Scroll Box/Bar

Does tall widgets take out your blog’s valuable space and keep checking your readers’ patience ? Here is a simple trick to put your tall widgets inside a scroll bar. In this simple tutorial I'll show you how to add a widget (any widget) inside a scroll bar. You can easily adjust the height of the scroll box and the title of the widget will remain static as normal. Only the content of the widget will be inside the scroll box.

How to Put a Widget Inside a scroll box

Firstly, Find the Widget ID of the widget you want to put inside the scroll box
Now navigate to Blogger Dashboard > Template > Edit HTML
Search for ]]></b:skin>
Paste the below code just above ]]></b:skin> and save the template

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

NOTE :

Replace YourWidgetId with the widget ID you found in first step.

Adjust the height of the scroll box by changing the value 200px

That was so simple adding a widget inside a scroll box. Hope you added the widget inside a scroll bar easily without any troubles. take care! Laughing out loud

Comments

Automatic Read More With Thumbnails for Blogger

Blogger gives us an option to add jump break to posts. It enables us to display a a short summary of the post on the homepage of our blog with a link to the full post. Most of us add jump break to our posts, because displaying a short summary instead of the full post on the main page has many advantages. The main reason is that it increases page views and the visitors can easily get a selection of your posts.

Getting to know Blogger's Post Editor - Beginner's Guide

Blogger provides us with a simple and clean post editor, which can be used by anyone with ease. It is simple and equally efficient at the same time. Comparing with WordPress post editor, one will miss a lot of buttons. But using Blogger's post editor will prove you that those missing buttons were useless. Blogger'a post editor has not too many format options, but has everything one needs. I'm quite sure that even a beginner won't find the editor confusing. But what if someone (a starter) needs to know what exactly each buttons stands for before beginning to use it. This post is for them and only for them.(i know no one else will stop to read this post)

Responsive Recent Posts Slider Widget for Blogger

Here is one amazing responsive featured post slider for your blogs. This slider is Here i am with a fully automated featured posts slider for blogger blogs. This widget features a complete responsive design and is coded to fetch the most recent posts automatically from your blog. Yes i said fully automated, you only need to add your blog url in the code.

Bloggs Lab

Search This Blog