Use Blogger Template Designer Fonts On Custom Blogger Templates

21 Mei
Back in January this year (2011) Blogger added 77 very cool fonts to the Blogger template designer.The fonts they added were from the Google Web Fonts directory and included some awesome bold fonts, handwriting fonts and fun fonts that could give your blog a unique look.If you use a template from the template designer you simply go to the template designer editor then choose and save any font.While this was great news for Bloggers using templates from the template designer unfortunately Bloggers using Custom Blogger templates could not use the fonts so easily.So if you have a custom Blogger Template (A Template You Downloaded Online From A Blogger Template Site) in this post i will show you how you can manually add any of the fonts to your blog.

This is a video tutorial so you can follow the steps in the video.A summery with the extra information you need is below the video.

Step 1. Go to Google Web Fonts

Step 2. Choose the font you want to use from the list and click on it.

Step 3. On the next page Click the use this font link.

Step 4. In your Blogger Dashboard click > Design > Edit Html.

Step 5. From Google Web Fonts Copy the first snippet of code and paste it directly below in your templates html.Note – You must add a forward slash (/) to the end of the code as shown in the video.

Step 5. From Google Web Fonts Copy and paste the second snippet of code directly above ]]> in your template.

Step 6. You now need to change H1 in the code to set were the font will be used on your blog watch the video for the options.

And thats it you can now choose from lots of cool fonts to use on your blogs titles no matter what template your using.

In the next post i will show you how to use custom fonts on the titles within your posts and also how to change the fonts use for the main text of your posts.

You can choose from 100’s of custom templates on our template site Best Blogger Templates.

Drop Your Comments And Questions Below.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: