UPDATE: I realized after making my mailbox design that I might come across some problems due to the fact that it's not squared design. (Due to some size restrictions on certain blogs or sites?) So you now have a choice of 2 buttons.
After I created the image, I saved it---& that's when it went all pixel-y on me. I hate that, but don't know how to correct it. Anyway, it's a start. I can always clean it up later.
A typical button is 150 x 150. This image should already be re-sized before uploading into your online image host.
I use Photobucket for my image hosting - it's super easy! If you aren't storing your photos online, you may want to create an account there like I did. OK. Here we go...
1. Upload your image to your online image host such as Photobucket. In another window/tab, open a text editor/notepad and copy the DIRECT LINK code underneath your image. Just click on it and it will be copied. Now paste it into your editor/notepad. You'll be coming back to this later.
2. Open blogger and click on LAYOUT
7. You're still in blogger, now give your TITLE NAME a name, for ex. "blogbutton", "blog", title of blog, name of your company, etc.) and insert it where it says "TITLE NAME".
9. Click SAVE and you're done! You should now have your image with a text box underneath it for people to copy and paste!
You can copy & paste this code to put on your website too! Now you have your very own button!!