How to add attractive lines at the end of Blogger Blog Posts

Adding attractive lines at the end of a particular post is a must for every blogger. Today we got something new and creative for all the Blogspot Blogger. Here is what we have for you today.

Below is a list of some images that depicts the lines that you want to insert at the end of your Blogger Blog each Posts.

just follow the following tutorials and you will get a customize image of your choice at the end of your Blog Post in blogspot Blog.

How to add attractive lines between Blogger Blog PostsURL address for above
http://2.bp.blogspot.com/_vLeiVavkV_M/SthL_Aqzv6I/AAAAAAAAB9w/Icu8yWmless/s400/bar1.gif

How to add attractive lines between Blogger Blog PostsURL address for above

http://1.bp.blogspot.com/_vLeiVavkV_M/SthNNybvGoI/AAAAAAAAB-Q/RGApKNx42RE/s400/barbsmpl.jpg

How to add attractive lines between Blogger Blog PostsURL address for above
http://4.bp.blogspot.com/_vLeiVavkV_M/SthNZ9ciE-I/AAAAAAAAB-Y/TykAigqgPxQ/s400/bar47.gif

  • Login to Blogger Account.
  • From the Dashboard navigate to Design –> Edit HTML
  • Back up your Blogger template by downloading it to your computer
  • Find the following line of code in your template:

.post {

something will be here depending on the template

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

  • Paste the following lines of code to this block and make sure you paste them before the closing curly bracket

background: url(http://1.bp.blogspot.com/_vLeiVavkV_M/SthNNybvGoI/AAAAAAAAB-Q/RGApKNx42RE/s400/barbsmpl.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:1.5em;

  • Then remove the following lines from the template

border-bottom:1px dotted $bordercolor;

  • Your ultimate Blog code should look like the following.

.post {
background: url(
http://1.bp.blogspot.com/_vLeiVavkV_M/SthNNybvGoI/AAAAAAAAB-Q/RGApKNx42RE/s400/barbsmpl.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:1.5em;
}

  • save the template.

Its done. We hope you liked it. Enjoy reading all our post. Share your opinions about this article in the comment box, also subscribe to our latest RSS feeds.

Get all Blogging Tips & Tricks, ideas, Wordpress Hacks & Tricks, Social media optimization, SEO, Online money. Just subscribe with your email id HERE.

2 Comments

  1. Mandeep says:

    Interesting Post. Great way to add something different to your blog. Thanks for sharing this tip. 🙂

  2. TechMafia says:

    Nice article, I like it.
    thanks

0 Trackbacks

Leave a Reply

Your email address will not be published. Required fields are marked *

*