Complete Solution

How to Change/Customize Post Title Font, Size and Color in Blogger? Sometimes we have to change/customize blogger templete as like Post Title Font, Size and Color. R you feel tension? Just follow below steps:



 1. First log in to your Blogger account and back-up your template.



 2. Then click Dashboard >> Layout >> Edit HTML



 3. Click on "Expand Widget Templates"



 4. Ctrl F and find the below CSS code-



 

.post h3 {<br />margin:.25em 0 0;<br />padding:0 0 4px;<br />font-size:140%;<br />font-weight:normal;<br />line-height:1.4em;<br />color:#333333;<br />}<br /><br />.post h3 a, .post h3 a:visited, .post h3 strong {<br />display:block;<br />text-decoration:none;<br />color:#000000;<br />font-weight:normal;<br />}<br /><br />.post h3 strong, .post h3 a:hover {<br />color: #000000;<br />}







The code, you found above, is responsible for the appearance of post title.



 5. Replace the above code with below code-



 

.post h3 { margin: .25em 0 0; padding: 0 0 4px; color: $titlecolor; font: $posttitlefont; }<br />.post h3 a, .post h3 a:visited, .post h3 strong { text-decoration: none; color: $titlecolor; }<br />.post h3 strong, .post h3 a:hover { color: $titlehovercolor; }



 6. Customize the Post Title Font find the below code-



 

/* Variable definitions<br />====================



7. Copy and paste the following code right below the above code:



 

<Variable name="titlecolor" description="Post Title Color"<br />type="color" default="#c60" value="#cc6600"><br /><Variable name="titlehovercolor" description="Post Title Hover Color"<br />type="color" default="#c60" value="#cc6600"><br /><Variable name="posttitlefont" description="Post Title Font"<br />type="font" default="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">



 8. Save your templete. Now you can easily customize Title Font, Size and Color.

Subscribe to Get Newest Articles By Email!

Follow us!