How to Put Up a Button on Your Blog

Well, I certainly is no expert on software and websites, but I think I can help a little on the whole button thing. By all means this is not the only way to write the code, but it is the easiest for me. Also, as far as I know, this works for blogger only. I am not familiar at all with all the other blog sites out there, but I think the concept is the same. You can try using it as it is basic HTML, but I can't guarantee that it will work.

1. Go to your blog dashboard, and click on "Template".
2. Click on "Add a Page Element" and a window will pop-up, click on HTML/JavaScript.
3. Add a new title, and on the blank spot, copy and paste this code (Replace "#" with "<" and "*" with ">"): #center*#a href="The Link of the KAL"*
   #img border="0" src="The Picture Link"*#/a*#/center*#br/*
4. Viola! You now have a link with a button!
   

One thing to note on the images - if you load them to your blog, you can load it as a post in the "Compose" stage. Once the picture is loaded, you can click on the tab "Edit Html" to get the code for the picture. The code is usually a long string of letters begins with "http://". There will be two of them there, and be sure to read the whole code, and choose the one with "s400" in it, instead of "s1600-h". If you use the latter, you won't get an image. One way to check if the link works is to copy that link and paste it to a new browser, the picture should show if the link works. After you get the picture link, you can just delete the picture and post without losing the picture for the button.

Another way to load the pictures is to upload them via picasa, flickr or photobucket, basically a photo website. When you load the picture, they usually give you a link and all you have to do is to copy and paste the link into the above code where it says "The Picture Link".

I hope this helps! And if someone knows a better way to put the button on a blog's side bar, please feel free to post about it!