Jan 31, 2011

How To Use Custom Google Font on Customized Blogger Template?

On my previous post about More Fonts for Blogger Template, we can use this various fonts directly ONLY IF we use default template from Blogger Template Designer feature.

But most of Blogger user, use customized template so can not use this font directly. I'm sure you don't want to mess up your current blog design, but really want to change my fonts. This is step how to change fonts with Google fonts.



  1. Go to Google Font Directory, choose the font you may interested in. For this example, I choose Crafty Girls Font Family.
  2. Click on Use this font menu. To embed font into your web page copy the following code under every font. IMPORTANT NOTE : On Google font directory, the original code is <link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'> , remember to add "/" character before closed tag, so the result code is <link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'/>
  3. Open Dashboard > Design > Edit HTML, then paste copied modified code put before <b:skin><![CDATA[/* on EDIT HTML template menu.
  4. Simply use the font in your CSS font stack like any other font, for example, if you want to use it on Post Title, find h3 css code then insert the font family. For example : .post h3 { 'Crafty Girls', Arial, Verdana;} . Remember you can use this wherever you want, on sidebar title (find .h2) , on post body (find .post-body) etc
  5. Click Save template button

Jan 27, 2011

How to Show Popular Post Using Blogspot Popular Post Widget/Gadget?

As a blogger or writer, of course we want visitors read our writing or posting. To facilitate the visitors looking the most popular posts, we can install popular post widget.

Long ago, Blogspot does not yet provide blogspot widget popular posts so that the user uses javascript. In this way a bit inconvenient because it requires javascript hosting.

Fortunately now been providing widgets popular bloggers post. Blogspot users simply add this widget in the sidebar and most popular postings will automatically appear.

How to install popular post widget/gadget on blog? Simply, go to Page Element, click add Gadget whenever you want. Choose Popular Gadegt and automatically displays a list of popular posts on your blog.



There's some options for this gadget :
  • Choose time range All time, last 30 days, last 7 days
  • Show post title and image thumbnail and also snippet or post summary

Jan 23, 2011

Blogger Template : Yoga Girl Health

At last, after such a long long time, here's new blogger template. Simple but it's suitable for your health blog. Dominated with pink and purple color, and sweet yoga girl as header image.






Set your own post label on link list gadget, and get Pages gadget automatically. Remember to back up your current template before upload this new template.

Jan 21, 2011

More Fonts for Blogger Template

A couple months ago, Blogger has announced some new fonts for template designer. Yes, a couple months ago it only can be accessed from Draft Blogger. Yesterday, Blogger not only launched Web Fonts to ALL Blogger users, but also announce that they have added an additional 35 fonts to the mix, for a grand total of 77 fonts!

Ready to get experience with this new fonts choice? Simply go into the Advanced tab of the Blogger Template Designer for your blog, select the type of text you’d like to change (Post Title, Blog Title, etc.) and click on any of the new Web Fonts for a preview. Don’t worry, nothing will change on your blog until you select “Apply to Blog”, and this means you can play around with all of the fonts and only make the switch when you’re ready.



If you use customized template, you can use this various font from Google fonts directory. Read the installation setting.
 

Ipietoon - Blog Design and Online Business Blogging Since 2008