How to add scroll bar to blogger blog


How to add scroll bar to blogger blogspot  Post : Making it scrollable
There are significant advantages of adding scroll bar to the blogger post. I have seen nice result in my earnings by keeping scrollable  blog content. 

When visitors scrolls your page , your ads are scrolled too. So the probability of your ad getting clicked by the visitor  reduces. But what if your Ads become static and do not scroll but you can scroll down your content.


This idea clicked in my mind few days ago and then i started testing it on my blog which get decent traffic.
I tested many formats but according to me this  worked very efficiently for my blog.


You can use the above ads format or you may experiment you own formats. Always experiment a lot. Experimenting help you understanding best combination for your site.


How to edit code to add scroll bar to the post

1. Go to blogger >> Design >> Edit Template
2. Ctrl+F (Search) for the '.post{'
3. There will be more than one occurances of '.post' but you should find the one with '{',
4. After finding '.post{' , Please add 2 properties to inside the braces. refer the following code.
.post{
           height:400px; 
           overflow:auto;
        }
400px is 400 pixel which is the new height of the post. You can change it as per your need.

This is how you can get scroll bar for your post.

How to add scroll bar to blogger blogspot  Post : Making it scrollable
There are significant advantages of adding scroll bar to the blogger post. I have seen nice result in my earnings by keeping scrollable  blog content. 

When visitors scrolls your page , your ads are scrolled too. So the probability of your ad getting clicked by the visitor  reduces. But what if your Ads become static and do not scroll but you can scroll down your content.


This idea clicked in my mind few days ago and then i started testing it on my blog which get decent traffic.
I tested many formats but according to me this  worked very efficiently for my blog.


You can use the above ads format or you may experiment you own formats. Always experiment a lot. Experimenting help you understanding best combination for your site.


How to edit code to add scroll bar to the post

1. Go to blogger >> Design >> Edit Template
2. Ctrl+F (Search) for the '.post{'
3. There will be more than one occurances of '.post' but you should find the one with '{',
4. After finding '.post{' , Please add 2 properties to inside the braces. refer the following code.
.post{
           height:400px; 
           overflow:auto;
        }
400px is 400 pixel which is the new height of the post. You can change it as per your need.

This is how you can get scroll bar for your post.

Was that useful? Why not share it?

By: