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!
SHARE

Iftikhar Uddin

I am a Web Developer,Graphic Designer,Blogger Wizard,WordPress Samurai,Code Engineer,SEO Guru,Software Engineer and food hunter.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

24 comments:

  1. nice trick, thank
    http://seowebstars.blogspot.com/

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

    http://rarebloggingtricks.blogspot.com/

    ReplyDelete
  3. 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
  4. 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
  5. 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
  6. 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
  7. Great customization to apply to post, but won't it slow down the blog speed by adding border to post~

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

    ReplyDelete
  9. 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
  10. Thanks for greats tips. Will surely apply on my blog ProTweaks.

    ReplyDelete
  11. Waiting for more blogger and blogging tutorials. Hope!, They will come soon.ProTweaks.

    ReplyDelete
  12. >>How to Start SEO Company
     >>Keyword design reports
    >>10 Best SEO Tools for Keyword analysis
    >>Monetization Tips for Your Blog
    Earn Money Advertising And SEO Material provides SEO Tools, SEO Articles, Links Directory, internet Development and Link Building Services to preserve the inheritance of web site rank.

    ReplyDelete
  13. Thanks for sharing
    http://vtt38.blogspot.com/

    ReplyDelete
  14. Thanks. Best blogger tips and tricks is http://seobloguri.blogspot.com.

    ReplyDelete
  15. Offers interstate and national moving, household and business removals, packing, storage and relocation services
    http://packersandmoverpune.in/
    http://bestpackers.org/

    ReplyDelete
  16. We locate in Bangalore and offer quick and safe Moving & Removals service all over India

    http://packersandmoverbangalore.in/

    ReplyDelete
  17. Moving Service around the India Consolidation Services

    http://packersandmovergurgaon.in/

    ReplyDelete