Running 2 Youtube Channel : The Masti Adda (Fun based ) : The Knowledge Adda (Knowledge based) : Subscribe for Knowledge with Fun....

February 28, 2016

How to Change the Color of Post Title in Blogger

Written by @
Some time the default color of post title provided by the blogger does not match up with our requirement. As our requirement, we have needed to change this. In this I am going to show you that how you can change the color of Post Title in Blogger and how you can make it position in Center.

This is home page of my blog, where you can see the color of Post Title which is blue.
How to Change the Color of Post Title in Blogger
I have tried many ways to change it but did not get succeed. Finally I get some code to implement it. Now we can change the color as you want.

Login to blogger by using your user name and password. Go to Blogger dashboard and select your blog. There can be multiple blog registered that mail, so select that blog in which you want to make changes in blog post title. We are discussing here, How to Change the Color of Post Title in Blogger
   After selecting your blog, you get blogger menu screen. Now select Template from the menu
    

After Clicking the Template , You will get Template Screen, Click on Edit HTML here, find out



And expand it , find out the Post Title Group description.


Below this paste the given code.

<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="#ff0000"/>
     <Variable name="post.title.color" description="Color on Post Page" type="color" default="#ff00ff" value="#000000"/>
   </Group>

Now find that ]]></b:skin> and above this just paste the given code.

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

Now save the code and template. Now we have done to How to Change the Color of Post Title in Blogger
Now we get Post Title as like this.


To make post title in center, just find out ]]></b:skin> and paste the following code above that.

h3.post-title { text-align:center; }

Now you can enjoy How to Change the Color of Post Title in Blogger and how to make it in Center. Enjoy blogging with me.

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)