Steps in Changing Post Title Color in Blogger Picture Window Template

Steps in Changing Post Title Color in Blogger Picture Window Template

By: Marvin

Basically if you wanted to create a free blog, you can’t change the post title color of Blogger/Blogspot templates of your web site because by default there’s no option for it. Fortunately, there’s a step-by-step tutorial on how you can change the post title color in a Picture Window Blogger Template.

1.       Login to your Blogger. Go to Dashboard >Template.

2.       From Template, go to Edit HTML.

3.       Find the codes below. (Ctrl + F for quick search)

<Group description="Post Title" selector="h3.post-title, .comments h4">

     <Variable name="post.title.font" description="Title Font" type="font"

         default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

   </Group>

4.       Replace the above code with these ones:

   <Group description="Post Title" selector="h3.post-title, .comments h4">

     <Variable name="post.title.font" description="Title Font" type="font"

         default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

     <Variable name="post.title.color" description="Color" type="color" default="#FE6602" value="#FE6602"/>

<Variable name="post.title.hover.color" description="Hover Color" type="color" default="#FFD25F" value="#FFD25F"/>

   </Group>

5.  Search for these codes

h3.post-title {

  margin: 0;

  font: $(post.title.font);

}

6.  Then change it with these codes

h3.post-title {

  margin: 0;

  font: $(post.title.font);

  color: $(post.title.color);

}

h3.post-title a {

  color: $(post.title.color);

}

h3.post-title a:hover {

  color: $(post.title.hover.color);

}     

7.       Save Template.

8.       Next to do is, go to Layout > Template Designer > Advanced then edit ‘Post Title’ option.

9.       You can edit post color here.

10.   Save.