Friday, September 30, 2011

How To Style-Up Texts In Blogger

As many bloggers like to have fancy style texts in their blogger blog, so do I. Today I have found some great tricks to style up texts in blogger; in this tutorial I will also let you know what are the styling effects you can make to your texts. Before we get into the process, let me tell you that, you are free to use these codes wherever you like in your style-sheet of blogger, it may be Header text, menu text, post title, and blah blah blah.



You can use text shadows as you like. 

To style your texts now, go to this page where the codes are available with text Demonstration. After you have reached the text styling page choose your desired text style and copy the code.

Now, which text you are going to style-up? As an example, if I take my blog's header text which is Toufeeq's Blog, the code for styling this Text is given below.

h1.logo{
              margin:10px 0 3px 0;
              padding:0;
              font:bold 29px/29px Verdana,'Arial',Helvetica,sans-serif;
              text-shadow:0 0 20px #ee2307;}
DEMO:
Toufeeq's Blog

You can see my text styling code in above the code for Header text. So, whatever text you want to style-up in blogger, just grab the CSS styling code from this page , paste it by going to your blogger Edit HTML page. You can choose blog description, post titles, anchor texts, or whatever text you want to style-up.

Finally, you can play with these codes to make it completely in your your style. ;)