Cool Tricks N Tips

Add Stylish Font To Blogger Post Title [Updated]

noreply@blogger.com (Rahul Jadhav) — Wed, 09 May 2012 17:53:00 +0000

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.

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. Here is an example of how the code from the Google page looks

<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'/>

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.

Premium Blogger Templates From ThemeForest

noreply@blogger.com (Rahul Jadhav) — Sun, 06 May 2012 18:25:00 +0000

Whenever any person visits our blog, the first thing that the person notices is the design of the blog. Even before the person starts reading the content on the blog, the look of the blog attracts and creates an image in the mind of the person. Hence it is very important that we take great care before choosing a template for our blogger blog. There are thousands of blogger templates available online, some of them are good while some are great examples of how your blog shouldn't look. ThemeForest has helped in created a highly dedicated and wonderful community of designers who create some of the best blog themes. One visit to ThemeForest and you will see many beautiful blogger templates which you would have found hard to find anywhere else. Hence we have created a list of some of the beautiful and amazing Blogger templates on ThemeForest.

Sandal Jepit

Cool Tricks N Tips

Add Stylish Font To Blogger Post Title [Updated]

Premium Blogger Templates From ThemeForest

How To: Delete Blogger Blog

10 Good Reasons To Start Blogging Using Blogger Platform

Check Popular Posts With Google+ Dashboard Counter

Cool Tricks n Tips Facebook Page Crosses 1000 Likes

Blogger Introduces Threaded Comments

Introducing Custom Mobile Blogger Templates

Blogger Launches Its Google+ Page

Blogger Finally Adds Open In New Window Option

Connect Blogger To Google+ Profile

Awesome HostGator 25% Discount Coupon Code

Google Redesigns Blogger Dashboard

Learn More About Your Blog Visitors With KISSinsights

Create Mobile Version Of Blogger Blog In Simple Steps

Add Google +1 Button To Blogger Blog

Add Outbrain Related Posts Widget To Your Blogger Blog

Blogger Introduces Subscribe By Email Widget

Blogger Previews New User Interface

Add Facebook Like Button To Blogger Blog

Blogger Introduces Android App

How To: Add Numbered Comments In Disqus

Best Blogger Templates Of 2010

Blogger Homepage Gets A Redesign

Share This Article Widget For Blogger Blog