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. Hi, thanks for sharing :)
    I tried your way but unfortunately couldn't find both the "Variable definitions" nor the "]]>"... Do you know why? Pls help :(

    ReplyDelete
    Replies
    1. i think you are searching outside the template box. try searching inside the template box. place your mouse inside template box and search again. you will find it

      Delete
    2. It works! Thanks a lot. Haha

      Delete

Post a Comment

Enter your email address:

Delivered by FeedBurner