How to Change Post Title Color on Blogger

How to Change Post Title Color on Blogger

Blogger offers a set of colors that are specific to the template, but if you're looking to change your "Post Title Color", you are probably in trouble and you realize that's more difficult than you thought. So, you are here because the blogger template designer's post title color change option is missing.

If you want to enable the "Post Title Color" option into the Advanced menu, open your eyes and follow my instructions.

Before making any changes to the Blogger template, go to the Blogger Dashboard, click on Theme and backup the template.

1. Click on the arrow

2. Click on Back up

3. Click on Edit HTML

4. Scroll a litle down the HTML code and look for the Variable definitions comment like here below.

/* Variable definitions
    ================

5. Copy and paste the code listed below under the comment (see the screenshot above).

<Group description='Post Title Color' selector='h3.post-title'> <Variable name='post.title.hover.color' description='Post-LinkHoverColor' type='color' default='#0000dd' value='#d02b6d'/> <Variable name='post.title.link.color' description='Post-LinkColor' type='color' default='#5555ee' value='#d02b6d'/> <Variable name='post.title.color' description='Post-TitleColor' type='color' default='#000000' value='#d02b6d'/> </Group>

6. Scroll down and find the closing tag like this one below

]]></b:skin>

7. Copy the code here below

h3.post-title { color:$(post.title.color); } h3.post-title a, h3.post-title a:visited { color:$(post.title.link.color); } h3.post-title a:hover { color:$(post.title.hover.color); }

8. Paste the code above the green tag (see screenshot below)

9. Save your Template

Now, go to the Dashboard and open a post, your Post Title Color should be the same as mine. If you want to change this color: Click on Theme > Customize > Advanced and select "Post Title Color". You may now modify the post title color as shown in the image below. Choose the color you want for post titles and hover effects. That's all.

NB: In the screenshot above they are some errors like: "Title color post" instead "Post Title Color" but don't worry this is only a bad translation.

@genartmind