Skip to main content

How To Change Post Title Colour In Blogger Blog


By default new blogger template has no option to change the post title color. You need to add some CSS code in template to make an option to change the post title color. Follow the below steps to add this option to your blogger template.

Step 1 : First you have to backup your blog template.

Step 2 : Go to Blogger Dashboard > Template > Edit HTML



Step 3 : Press CTRL+F and search for "Variable definitions"

Step 4 : Place the below code just after "Variable definitions"


-------------------------------
<Group description="Post Title Color" selector="h3.post-title">
     <Variable name="post.title.link.color" description="Link Color" type="color" default="#ff0000" value="#ff0000"/>
     <Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#0000ff" value="#00ffff"/>
     <Variable name="post.title.color" description="Color on Post Page" type="color" default="#ff00ff" value="#ff00ff"/>
   </Group>
-------------------------------


Step 5 : Search for ]]></b:skin>

Step 6 : Copy the below code and place it just above the ]]></b:skin>

------------------------------
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); }
------------------------------


Step 7 : Save Template after placing the code.

Step 8 : Go to Blogger dashboard > Template > Customise

Step 9 : Click on Advanced > Post Title Colour

now you can change the colour of your post title and save changes to template.

Comments

  1. I did as u instructed but the color remained thesame. what do i do?

    ReplyDelete
  2. Thanks admin, this is exactly what I was looking for my blog https://vandeweybalao.blogspot.com. 🙏

    ReplyDelete
  3. Hey that's awesome... It worked for me too..

    ReplyDelete

Post a Comment




Enter your email address:

Delivered by FeedBurner