How to add a blog button and grab box
Design an image you would like for your blog button...usually a smaller square version of your header.
Some really good websites are;
The pic should be about 125px by 125px and square in design for best results.
Next is to upload the picture to a web host such as http://www.photobucket.com/
After you have uploaded the image it will generate the DIRECTLINK code for that image....copy the DIRECTLINK code and insert it into the yellow areas of the code below.(second box in photobucket)
<div align="center"> <a href="http://adventuresatgreenacres.blogspot.com" target="_blank"><img alt="Adventures at Greenacre" src="http://img.photobucket.com/albums/v497/chica72/greenribbonblogbutton-1.jpg"/></a> </div> <div align="center"> <form><textarea rows="6" cols="20"><center><a href="http://adventuresatgreenacre.blogspot.com" target="_blank"><img alt="Adventures at Greenacre" src="http://img.photobucket.com/albums/v497/chica72/greenribbonblogbutton-1.jpg"/></a></center></textarea></form> </div>
Change the green highlighted area with your blog address and the name of your blog in the pink highlighted area.
Once you have entered your information..go to your design layout page and add an HTML widget.
Copy and paste the code inside the widget.
Make sure to save and preview your new blog button.
