Friday, November 15, 2013

How To Add Border To Post Titles

Add Border To Post Titles in Blogger: Let's play with CSS and change the border of post titles in Blogger.You may have noticed the blog titles comes with "text-decoration:none" by default , in simple words no style is applied to the titles of the Blog Posts.Actually we can change the post titles and can decorate it with different CSS properties but here we gonna apply the border ! Border can be "groove" , "Solid" , "dashed" , or "dotted" having a specific color code and number of pixels.Don't confuse , it is as easy as eating cake.
How To Add Border To Post Titles

How To Add Border To Post Titles

  • Go To Blogger Dashboard
  • Click On Template
  • EDIT HTML
  • Search for post-title or .post or only "post"
  • Search until you find the selector "Post Title" as shown below

 
  • Look at the above snapshot i added there the border Property i.e "border:groove 1px and color" Change these values to your desired values and save the template.You can even change the color of the post title just by simply changing the color code of "COLOR" property in the above script.
  • However here we have selected the border color Groove having gray color and width 1pixel.
  •  That's it !!
 Note : In many templates the POST TITLE Selector is .post-title but if you can't find or if this selector is not available then you have to find the exact and matchable selector i.e the selector which matches with the class or ID defined in the div tags! 
 
What's Up : Actually this hack will add a gray color border to all the post titles having 1 pixel width ,actually it adds 5 stars to the beauty and style of template.It has no effect on blog loading speed.Stay Blessed ,Happy Blogging!


20 comments:

  1. Replies
    1. Thank you for your blog.Really thank you! Fantastic.

      Best Place For Top Tricks - brother572.com

      Online Earning,Blogger tricks and tips,blogger widgets,Seo,wordpress tricks,Tips and Tricks, and More

      Best Place For Top Tricks - brother572.com

      Delete
  2. nice trick, thank
    http://seowebstars.blogspot.com/

    ReplyDelete
  3. great information i love this website good job.

    http://rarebloggingtricks.blogspot.com/

    ReplyDelete
  4. I am really impressed by this blog! Very clear explanation of issues is given and it is open to everyone. thanks for posting this work of yours..
    also same like my website www.usestips.com

    ReplyDelete
  5. Nice Site! Keep it up...
    thanks for this fresh and unique post i am waiting your next blog post.

    Find any technology related information, Apps review, phone review,
    android ios windows OS review Update please visit
    http://techcnews24.blogspot.com/

    ReplyDelete
  6. This fresh and unique post i am waiting your next blog post.
    ..Thank you
    Read at interesting News Amazing news..bangla news paper, bangla news, bangla blog, english news, english blog

    ReplyDelete
  7. This is a specific show that I watch and listen to. The host, Andrew Warner, interviews successful entrepreneurs, mostly from Pakistani Dramas the online startup world. If that's a topic that interests you, the interviews are excellent and there are transcripts available with each show.

    ReplyDelete
  8. Thanks for sharing your own idea about Online news paper.hope you will found another all the list here-

    Bangla newspaper list
    Bangladeshi newspapers
    Bangla news 24
    Bangladeshi newspapers list

    ReplyDelete
  9. Great customization to apply to post, but won't it slow down the blog speed by adding border to post~

    ReplyDelete
  10. very nice.....i have tested and its working superbly......Keep sharing more and more valuble informations, tips , tricks,….. Make Money , Blogging Tips

    ReplyDelete
  11. nice tricks watch latest job alerts gjobalerts.blogspot.in

    ReplyDelete
  12. very nice.....i have tested and its working superbly......Keep sharing more and more valuble informations, tips , tricks..Read at amazing news,> bangla news paper, bangla news, bangla blog, english news, english blog, technology news, technology blog, computer tips and tricks

    ReplyDelete
  13. Thanks for greats tips. Will surely apply on my blog ProTweaks.

    ReplyDelete

Need a Professional Template?

If you want something really unique and bombastic , Order a Template ...You will must say wow to the Design!!