Show Mobile Navigation

Customize Background of Post Title

Hemant Verma - 10:39 PM

My one of the friend ask that how to customize the background of post title like you. Customization is very important in blogger and anyone can easily customize  their blog and today we are discussing that how can we customize the background of post title. 

To customize it like us it's easy and it looks cool and looks very professional and very simple and simplest form is the very important and it gives a professional look to the visitor.

  

Live Demo




Customize Background of Post Title 

  • Login to Blogger > Dashborad
  • Click on Drop Down Menu and select Template
  • Backup your Template before making any changes to your blog
  • Now Click on Edit HTML > Proceed > Expand Widget Templates
  • Press Ctrl + F and search the code shown below. 
.post h3 {

  • Now paste below code after above code.
        background:#434343;
        color: #ffffff;
        font-size: 20px;
        font-family: Verdana;
        padding:8px 10px 8px 10px;
        text-transform:uppercase;
        line-height:1.2em;

  • Now Save your template and you are done.



If Any Problem Comes, Ask In Comments



13 comments:

  1. @Techo BLOG

    Thanks bro

    i'll happy if it helpful for you

    ReplyDelete
  2. @Shahzaib Ali Khan

    sir u can't advertise ur blog/site here. u have to pay for it

    ReplyDelete
  3. i will use it in my blog.

    and, hemant can u give me this template?

    ReplyDelete
  4. @Shantanu Sharma

    bro he cud do this, becoz first he appreciate our post then he do that, so he can do.

    ReplyDelete
  5. @Shantanu Sharma

    u may use it in ur blog freely and i'll give this template but not now.


    u have to wait for it.

    ReplyDelete
  6. .post h3 { this is not find in my template how i can find.
    i am useing blogger pitcure template.

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. @abdul qadeer khan
    Find below code in ur template

    h3.post-title {

    and paste below codes after
    h3.post-title {

    background:#434343;
    font color: #fff;
    font-size: 20px;
    font-family: Verdana;
    padding:8px 10px 8px 10px;
    text-transform:uppercase;
    line-height:1.2em;
    margin: 0;

    After it Save Your template.


    Thanks & Regards,
    Hemant Verma

    ReplyDelete
  9. @Hemant Verma
    Thanks hemant 'i had the same problem. now it solved

    ReplyDelete
  10. why can't i find .post h3 { in my HTML? who know? Please tell me.

    ReplyDelete
  11. @Luck Seihasend me your template here vhemant03@gmail.com

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS