Although I have now been blogging for over a year, I am still a newbie when it comes to creating HTML codes. I have searched the web numerous times in order to try to find "easy" or "simple" instructions on how to do . . . on my own. Here is what I have found to be the easiest way to make a Blog Button and Grab My Button Code for it. This is for blogger, as I'm not familiar with the other blog sites or styles.
#1) Upload your button or picture to a website like Photobucket.com
#2) Copy the "direct link" HTML code from the button on the website
#3) To put a "grab our button" on your blog:
~ copy the following html code.:
[div align="center"] [a href="http://YOURBLOGNAME.blogspot.com" target="_blank"][img alt="YOURBLOGNAME" src="http://YOURPICTURE.jpg"/][/a][/div] [div align="center"] [form][textarea rows="6" cols="20"][a href="http://YOURBLOG.blogspot.com" target="_blank"][img alt="YOURBLOGNAME" src="http://YOURPICTURE.jpg"/][/a][/textarea][/form][/div]
~ open your blogger account and choose "layout"
~ click on "add a gadget"
~ choose "html" and wait for the blank box to load
~ paste the code you copied here into the blank box
~ change all of the "[" for these "<" and "]" into these ">" (I had to change them so you could see the code here on the blog post)
~ change the areas in RED to your info ~ add YOUR blog URL, your blog's NAME, Your photo's html link (direct link code from photobucket or similar sites)
~ now click SAVE
Your new button with code should look something like this:
Enjoy your new button!