Decide on the image you will be using and upload it to a photo editing program. I used Photoscape because it is awesome and it was free.
Alter your image to an appropriate size that will fit on your sidebar.
Upload your button to Photo bucket or some other program that creates an HTML code. Double check your photo size before you grab the direct link code.
Go to: http://www.mycoolrealm.com/sandbox/gbgen/ and follow the instructions. It doesn't save your code, just gives you an easy and effortless button experience.
Here is what it looks like:
All you do is preview and if it looks the way you want it then copy the code.
Head on over to your Layout page in Blogger; click Add a gadget; pull up the HTML option and insert your code; move it where you want it. Preview your page before you save.
Here is my button created with the code box:
Have fun! You won't want to miss this week. Stay tuned for How to make social media buttons; How to get social media counters for your posts and a few other blog tips I have found that has made blogging a little more interesting. I love it because I am always learning something new.