How to Make Link Back Buttons with Code Below

Pin It

I like making buttons.  I like snagging buttons even more!

These buttons are perfect for sidebars, easy access for people to snag the button for your site.

You'll start with an image that is roughly 125px by 125px. You can vary this if you like. Typical button sizes are 80x15, 88x31 and 125x125. Have this image hosted somewhere, either in blogger, or some other photo sharing site like flickr, photobucket, etc. Have the url for this image handy.

Also have the url for your page with you as well, as when other users install your button, the button will then link back to you.

First, start on your Design Tab:

Click on "Add a Gadget" in the section where you want to have your button snagger placed.
Select "HTML/JavaScript"

Now here's the bit of code that you'll need:

<img src="http://i18.photobucket.com/albums/b144/junelley/button1.jpg" alt="My Nerdy Mom" /><div style="width: 123px; height: 125px; overflow: auto; border: 1px solid #666666;">&lt;a href=&#34;http://mynerdymom.blogspot.com/&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://i18.photobucket.com/albums/b144/junelley/button1.jpg&#34; alt=&#34;My Nerdy Mom&#34; width=&#34;125&#34; height=&#34;125&#34; /&gt;&lt;/a&gt;</div>

Replace the color coded bits, as follows below:

1- URL of your button

2- NAME of your site

3- URL of your site

4- URL of your button

5- NAME of your site

Edit the height and width to equal that of your button size, then hit save.

You should end up with something that looks like this:

<a href="http://mynerdymom.blogspot.com/" target="_blank"><img src="http://i18.photobucket.com/albums/b144/junelley/button1.jpg" alt="My Nerdy Mom" width="125" height="125" /></a>

Wonderful! You've now made a vertical button that includes the code that anyone can snag for your site!  Feel free to snag mine if you like my site!