Ads

Scroll Function In Column Post

On the last occasion I 've made ​​a post about labels/kategory given function scroll / roll there here, and this time I will apply the scroll function on the post column/blog post that would not require a lot of code that make heads spin.
Scroll function on the post column in principle the same as that of the column labels difference if in a post, you just need to add two lines of CSS code only and also to the appearance of your blog is the post column width and height can be the same between the one another and certainly more efficient than that place if my friend is my friend use the scroll function does not need to wear a function Read More, now hanging from my friend wanted to use the scroll function itself or Read More just select it, then they did not want to wear anything.
For how to make the scroll function as usual mate just follow these steps:

1. Login to Blogger.com with your id of course.
2. Click Layout.
3 Click Edit HTML, and give a check in the small box beside Expand Widget Templates writing.
4. As usual also download full template used in case if there is a mistake in editing your template code can return to normal.
5. Next step CSS code search like this :

.post {
bla bla bla
bla bla bla
bla bla bla
}


Why I write like that ? Because the code in each template is different but most importantly my friend looking code .Post {) This alone is enough.
6. Then paste the code below between the codes.

overflow: auto;
height: 200px; /* This is the size of the scroll height */


for example, the addition of the above code like this :

.posts {
background: #F2F2F2;
width: 540px;
float: left;
margin: 0 10px 10px;
padding: 10px ;
border: 1px solid #000;
overflow: auto;
height: 200px; /* This is the size of the scroll height */
}


7. Click the Save Template
8. Done

Good luck!