Welcome to the Tekeme Studios Blog

This blog will be updated often with tips, contests, coupons, and more! We're still working on getting everything going!

Interested in becoming our friend? Click here to find out more about us!

Enter your email address to receive this blog via e-mail:

Delivered by FeedBurner

Tuesday, March 9, 2010

How to Style Text in a Blog Post/Widget

You will need to add style tags to your paragraph tags within the content of your widget. I'll walk you through this.

First, go to Layout, then Page Elements, and open the widget you would like to edit.

Now, let's change the style of the entire paragraph.

At the beginning of the paragraph place the following tag:
<p style="text-decoration:underline; letter-spacing:1px; color:#0079c1;">

Then, at the end of your paragraph place a closing tag:
</p>

This will make your paragraph look like this:

Your new widget paragraph style.


Let's say you want to change a specific word within the paragraph you just created. Simple create this tag at the head of the word you want to change:
<span style="text-decoration:italic; letter-spacing:0px; color:#ffffff;">

Then, add this closing tag after the word(s) you would like to change:
</span>

I'm going to change the word widget in my test paragraph. It looks like this:

Your new widget paragraph style.


You can add as many different styles as you want. Here are a few:
color:COLOR HERE; (to change color)
text-decoration:underline; (to underline link)
text-decoration:blink; (to make blinking link)
text-decoration:none; (to take away an unwanted underline)
font-style:italic; (to make link italic)
font-size:15px; (to change size)
font-family:tahoma; (to change font)
letter-spacing:1px; (to change space between each letter)
word-spacing:10px; (to change space between words)

Hopefully this will get you started. Feel free to leave a comment with any questions!

0 comments: