Ask HTMiLY (5)


Blog Buttons

Blog buttons are all the rage right now. Previously, I showed you how to display your buttons in an awesome scrolling marquee so they don't hog all your sidebar space.  But, what if you want a button for other people to display on their blogs? There are a few things you should know about buttons.

Size:

Obviously, you can make your button as large or as small as you want. However, the larger you go, the more risk you take of your button not fitting in sidebars. A good standard size is 150 x 150 pixels.

Creating:

If you don't have Photoshop, don't dismay. There are many free programs that you can use to make your button. One I love is Picnik. It's free, and all done in your internet browser. They have a wide selection of awesome fonts and "stickers" you can use on your button.  The thing with picnik though, is that you need to already have a picture that is the size you want it. If you need to resize your photos, that can be done in Picasa or another free photo editing program.

Make sure you keep your text size readable. And for the love of sidebars everywhere, keep your buttons small. They take forever to load, and are frankly a little narcissistic.

Posting:

Now that you've made your button, you need to create the html code for it. Upload your design to your favorite hosting website. I like Photobucket or Picasa. Grab the html code and add it to this code:

<br /><br /><center><img border="0" src="http://yourphotolinkhere.com" />

<br /><textarea style="width: 122px; height: 50px; align:center;"><center><a href="http://yourwebsite.com"><img border="0" src="http://yourphotolinkhere.com" /></a></center></textarea></center>

That will get your your button, and the html code for it.

Now, spread the button love!

Have a question?