How to add a “Grab my Button” to your blog
Feb 28th, 2010 | By Sharee Anne | Category: Lead ArticleI recently made a small graphic “button” or link to our site that people who appreciate it can put on their sites. These are becoming increasingly popular among bloggers. Ours looks like this:
If you want people to easily be able to put your button on their sites and link back to you, it is nice to list the code for them to do it underneath your button like this:
So how do you do it?
First you will need to create a graphic that represents your blog. Hopefully you have a title or image that you can use. Most buttons that I’ve found are between 120 and 130 pixels wide. The height is not as crucial but is usually close to square.
Once you have that you will need to upload it to the web so that you and others can use it. It doesn’t matter where you load it (maybe to your blog in draft mode) just so long as you can figure out the address to that image.
The image address may look something like this:
http://balance-today.com/images/Balance-Today-Button.jpg
To know if you have the right address for your graphic, copy the address into the address bar (where you type websites) and it should only show your graphic and nothing else.
The other piece of info you will need is the address of your blog. Mine is:
http://balance-today.com
Now copy the following code but change the two colored parts to your information. You will need to put each address in twice – once for the button and the second part is the code box below it:
<a href=”http://www.balance-today.com” target=”_blank”><img src=”http://balance-today.com/images/Balance-Today-Button.jpg“></a>
<form><textarea cols=””15″” rows=””6″” readonly=”readonly”><a href=”http://www.balance-today.com” target=”_blank”><img src=”http://balance-today.com/images/Balance-Today-Button.jpg“></a></textarea>
Paste your modified code into your site. Different blogs allow you to do this different ways, but it needs to be in the html code of your site. For example blogger or blogspot lets you add an html box where you can then paste your code.
That is it.
If you found this helpful, please add my button to your site.
Share on Facebook

