thn google
+13,700
twitter big logo icone 5336 48
1,755
Advertisers Tag Here
Join over 45,931 Daily Readers, Users, Subscribers
..who get notifications via Emails !
Jobs

1 Sept 2012

Add stylish font to blogger Post Title[Latest Update]



By default all the Blogger blogs have the same fonts. So it's better if you spice up your blogspot blog by changing the font of your post title. This will ensure that the blog visitors will notice your blog post and it also looks good. So it's good if we use a different font for the post title. We had created a post on the similar topic long time back, but this is an updated post which will work properly for everyone.




Step 1:
Visit Google Web Fonts and search a font that you like from the list of available fonts. Once you select a font, click on Quick-Use. You will see all the different styles of the selected font. Select the style that you like and on the right side it will show much the font affects the loading time of a page.

Add Stylish Font To Blogger Post Title

On further scrolling down, you will see a code. You have to copy this code as it is and also check the CSS code that is given below it in the Integrate the fonts into your CSS section. It is important to remember that the code is incomplete for the blogger bog and we have to add a / at the end of the code.

<link href='http://fonts.googleapis.com/css?family=Gorditas' rel='stylesheet' type='text/css'>

and how it looks after adding the / in it at the end.

<link href='http://fonts.googleapis.com/css?family=Gorditas' rel='stylesheet' type='text/css'/>


Add Stylish Font To Blogger Post Title

Step 2:
Now go back to your blogger blog and select the Template section of the blog. Before you do anything, just backup your blogger template by clicking the Backup/Restore option on the top right corner.

Step 3:
Now comes the part when you past the code that you had copied from Google Web Fonts page in your template. Click on Edit HTML option and then select the Proceed option. Now you will have to search 
<head> in the template and paste the Google code just below it.

Step 4:
Now search .post h3 or .post h2 , whichever is present in your template. You will see font-size, font-weight or font-family there. If font-family isnt present then you have to paste the Google font-family code and if it is already present then just replace it with the Google code. This is how the code should appear. Its available on the Google page in step 4.
font-family: 'Chau Philomene One', sans-serif;
Step 5:
Now click on Save and check your blog. You will see the new font applied to all your blog post titles.

We hope that you found this post useful. Do share it with your friends and if you have any problem, then use the comments section below.