Saturday, 22 December 2012

Add Google Web Fonts to Blogger Blogs.

Add Google Web Fonts to Blogger Blogger/Blogspot Blog.

Using Web fonts from Google you can customize your blogger blog to make it attractive for the visitors, and its been proven that nice looking blogs always add up to more readership. 


1. This is a going to be a really quick tutorial to implement the fonts immediately as you read this post.

google web fonts homepage

2. First go to Google Web Fonts website.

3. Choose your font and then click on the quick use button on below the font and choose the font family options.



quick use button

4. Copy the Code to copy to your blog,look in the below screenshot for reference,do this carefully.

add fonts code to your blog

5. Then paste this code just below the <head> tag on your blogger template editor, and save changes and close the editor.(Note : you must always take backup of your template before editing it to avoid any unwanted bugs.)

6. Now search for ]]></b:skin> in your Template in the Template editor and paste the below code just before it.
Integrate in to your css



7. Save your Template and you are finished with this.


(Note: Sometimes this may or may not work on some of inbuilt blogger templates, and you must use light fonts to minimize your load time.)

2 comments:

  1. Hi, i absolutely got tons of value from your post. Please i have 2 quick questions.
    1. What is the number of plugins every blogger shouldn’t exceed? I currently have about 18 installed, would you consider that number outrageous. Please could you also check out my site and offer me a
    2. Your font is really beautiful. would you suggest plugins that would give me beautiful fonts just like yours?
    Finally, would you spare a few seconds to check this site and offer me your candid advice http://www.samozoani.com

    ReplyDelete
  2. Hi there! The smaller font under each word tells the actual name of the font. The "sparkling" one is called Sweet Pea font and the link is: http://www.dafont.com/sweet-pea.font
    The clickable links to all of them are right under the image!
    Thanks!

    ReplyDelete