More fonts for your Blogger blog

Today, Wongoo Lee from Blogger team announced that they have added 40 new more fonts for bloggers who are using their Blogger blog service.

Self expression is a beautiful thing. It’s one of the best things about having a blog—a place where you can control the look and feel of your message and how it’s presented. Today we’re excited to announce another amazing way to make your blog truly you—Web Fonts.

The Web has traditionally been pretty limited when it comes to font selection, especially for non-Latin alphabets such as Cyrillic and Greek. But great strides have been made in this arena by our friends on the Google Web Fonts team, and finally there are more choices out there than just Arial and Times New Roman. In fact, there are now 40 new fonts on Blogger in Draft for you to choose from. And we’re just getting started—lots more to come!

Simply go into the Advanced tab of the Blogger Template Designer, select the type of text you’d like to change (Post Title, Page Text, etc.) and pick from a number of exciting, new fonts such as Reenie Beanie  or Neucha (Cyrillic) or GFS Didot (Greek) or even Hanuman (Khmer). You will be spoilt with choice!

Magazine Style Drop Caps

Dropcaps like in a fancy magazine is what you see in this post. If you like this tip, just follow this guide step by step.

Go to Design | Edit HTML in your Blogger Dashboard, and then paste the code below to your CSS-definitions between the HEAD tag.

.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

Now in every of your posts, you need to put the fisrt letter between the tag SPAN like this: <span class="dropcaps">D</span> in Edit HTML section. The result is very nice: a large capital that stretches over 5 lines in your post.

Remember that you can change the font size bigger or smaller or setting the color in different from the code above if you want.

* Tips: To make it easier, Post Template will help you save your time by pre-formatting the post editor with text or code that will appear each time you create a new post.

• In your Blogger Dashboard, go to Settings | Formatting then scroll down and you'll see the Post Template section at below of the page.
• Copy/paste your text or code that you want to edit here.
• Click Save Settings to save your changes.

Here is an example for Dropcaps hack in this article:

How to change Fonts and Colors for your Blogger blog

In the Advanced tab from Design | Template Designer, you can easily edit and customize the fonts and colors of your blog without any knowledge of HTML or CSS.

How to edit the colors in your blog?

First choose the element you would like to change the color of. Then choose the color you would like that element to be. You can either click on the color you want or enter your own color hex code. There are two other options for your better choice by choosing "Colors from this template" and "Suggested colors" provided by Blogger.

When you change your blog colors, you can view your changes in the blog preview beneath the Advanced panel. Click on "Expand preview" to open it higher. Make sure you save your changes after you have finished selecting the colors for your blog by licking APPLY TO BLOG button in the right corner above your screen. If you don't like your changes, you can revert back to your default colors by clicking "Clear advanced changes to..."

How to edit the fonts in your blog?

First choose the element you would like to change the font of. Then choose the font you would like that element to be by clicking the radio button next to your font of choice. You can also change the font style to bold and/or italic by checking the box next to the style you want and you can make the font size larger or smaller by choosing a size from the font size box.

When you change your blog's fonts, you can view your changes in the blog preview at the bottom half of the screen. Make sure you save your changes after you have finished selecting the fonts for your blog by licking APPLY TO BLOG.