Here’s what you’ll need:
- A blog
- A Photo-editing program (Photoshop, GIMP, etc)
- Stock photos or other graphics/ logos
- Grab Button Code
First, let’s talk about what size we want our grab button to be. For the blog themes that I design, I always go with a 125×125 image for grab buttons. Many sidebars are at least 250px wide, which would allow you to display two of them side by side. The Grab Button size is up to you!
Once you have created an image to your liking, we can add it to your blog. Upload the image to a photobucket or hosting account.
Now, copy the code below:
<div align=”center” style=”padding: 5px;”><img src=”http://www.yourdomain.com/images/grabutton.png” title=”SAMPLE BLOG” alt=”SAMPLE BLOG” /></div><pre style=”background:#ffffff;border:solid 1px #dddddd; color: #666666; font-size:90%; height: 50px; margin:auto; text-align: left; padding: 10px; display: block; overflow: auto; white-space: pre-wrap; width: 90%;”><div align=”center”><a href=”http://www.yourdomain.com” title=”SAMPLE BLOG”><img src=”http://www.yourdomain.com/images/grabutton.png” alt=”SAMPLE BLOG” style=”border:none;” /></a></div></pre>
Change the titles and links (in capital letters), and click save. Preview your blog and pat yourself on the back. Woo hoo, you did it!
For those of you who feel anxious just looking at the code above, you can always have the code generated for you:
Grab Button Code Generator.
Have fun creating your new grab button