How To Use HTML On Your Blog

For those who are unsure about how to format HTML or for those who are new to blogging, I'll be showing you how to use it on your blog today. It's a simple HTML and it's great for adding pictures or buttons to your sidebar. 

Now for step 3 (For some reason, photobucket wouldn't save my screencap). 

Once you've open the HTML/Java Scrip gadget, type this code in. 

<a href="LINK OF WEBSITE HERE"><img src="LINK OF IMAGE HERE" /></a>

If none of this is formatted correctly, none of it will work. So here are some things not to do:

• Don't forget the quotation marks around the links, it won't work if you do.
• Don't forget the slashes. 
• Don't forget the space between the "<a" and the "href=". 
• Don't put "target="_blank" anywhere in it. It's not necessary and it will work just find without it. 

Here's an example of how it's supposed to look:

<a href="http://contributors.luckymag.com"><img src="http://tid.al/badge/get/courtney-dyson/lucky-contributor" /></a>

You can also write it this way: 

<a href="LINK OF WEBSITE HERE"><img border="0" src="LINK OF IMAGE HERE" /></a>

<a href="http://contributors.luckymag.com"><img border="0" src="http://tid.al/badge/get/courtney-dyson/lucky-contributor" /></a>

Writing it this way won't effect your image or the link. But the best way to write the code, is to just keep it simple and copy the first one above. 

And finally here are some other HTML codes for your blog.

Bold: <b> </b> 

Center: <center> </center>

Italics: <i> </i>

Underline: <u> </u>

Getting the idea? Always have the less than symbol, followed by the letter or word, followed by the greater than symbol and never forget to close it at the end with the slash. The slash in a code, is how you close it. 

I learned this by teaching myself from online tutorials. HTML is simple, so just follow the steps above and you'll be fine. 

Any questions or problems, just leave a comment or email me. 

xx Courtney