Ads (728x90)

Comments

Latest in Tech

Search This Blog

Recent in Sports

Comments

Powered by Khodedtech

Random Posts

Random Posts

Social

Exchange Monitor

CurrencyInterbank RateParallel Rate
USD306457
GBP374550
EUR326485
Last Modified: March 16, 2017 at 8:19 am

Recent Post

Translate

Recent

Facebook

Facebook

LightBlog

Pages - Menu

Creator

About Me
Munere veritus fierent cu sed, congue altera mea te, ex clita eripuit evertitur duo. Legendos tractatos honestatis ad mel. Legendos tractatos honestatis ad mel. , click here →

Follow us

Adbox

Sponsor

ads

Follow Us

Popular

In this tutorial I'll tell you how to change the post title background color in Blogspot blogs. This option is not present by default in Blogger Template Designer. We can add background color to the post title and also change the color  itself. As usual, we'll do some editing in the template HTML code and after that, you'll be able to change the post background color from Blogger Template Designer. So, here are the simple steps to follow:

Note: This tutorial has been updated on 06/18/2016.

Steps to Change Post Title Background Color

  1. Open the Template section.
  2. Blogger Updated Dashboard
  3. Click the Edit HTML button.
  4. Blogger Edit HTML Button
  5. You'll see a lot of code on next page. Don't worry. Just expand the <b:skin>...</b:skin> tag by clicking on the arrow on left side.
  6. Now find the following code:
  7. /* Variable definitions
       ====================
    Replace the above code with the following one:
    /* Variable definitions
       ====================
    
       <Group description="Post Title Background Color" selector="h3.post-title">
         <Variable name="post.title.bg.color" description="Title Background Color" type="color" default="#222222" value="#eeeeee"/>
       </Group>
  8. Now find following line of code:
  9. ]]></b:skin>
    Replace the above code with following one:
    h3.post-title { background:$(post.title.bg.color); padding:10px;}
    ]]></b:skin>
  10. That's it. Coding is finished. Save your template. Now, changing the background color is super easy. See below.

How to Customize the Post Title Background Color from Blogger Template Designer?

  1. Open the Template Designer by clicking on Customize button.
  2. Chose Advanced from left side and then click the first option Post Title Background Color.
  3. Now, simply make changes and make sure to click the Apply to Blog on top right to save your changes. You can also preview the changes live.

I hope this tutorial was helpful to you. There is another tutorial to center the post title. Do check that out as well. Kindly add a link back to this blog. Link code is available at the bottom of this page. Add it anywhere in your blog. For further customization, contact me and get your work done for as low as $20.

Post a Comment