Subscribe Search to itis123
Subscribe
Via RSS By RSS
Via Mail By Mail

Tuesday, January 13, 2009

How to use dividers among the posts of blogger?

Naturally, blogger doesn't use dividers among the posts. But you can easily add it. This helps to enhance your blog beautification. This page will provide instruction to do this. Go on reading...

Page Index:

What is dividers?
How to add dividers among the post?

No technical knowledge is required.
Just 2 steps solution
What is dividers?

Dividers are sometimes called lines which may be used to separate your blog's posts easily. Successful installation of dividers can increase blog's beauty. So, many blog owners use them.

How to add dividers among the post?

Before doing this, don't forget to back up your blog. If you want to learn more click here to read.

Step 1: At first host the image which you want to use as dividers. Let our image is located in this url: "http://myimage.jpg". Now, go to "Dashboard", then "Layout" and then "Edit html". Later, find the following code segment to your blog:


.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
[Note: Your code may be different. But it must be start with ".post". ]
Step 2: Copy the following line of codes and replace this code with the previous block of codes:

.post {
background: url(http://myimage.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:3.5em;
}

At last save it.

Note: Don't forget to change the url. The url will be your image url where the image is located.

By following the above way you can easily set dividers among the post.

One Model Example:

Let we want to set the the following picture as dividers among the posts:
Now, after adding it as a divider then the blog looks like the followings:

That's all about inserting dividers among the blog posts.

Hope, you enjoy blogging.

No comments:

Post a Comment