How to Create a Grab Button For Your Blog
Today I’m going to teach you how to create a grab button for your blog sidebar. Grab Buttons are those little images that usually have html code and a scrollbox underneath. I promise, you’ve seen ‘em. Some blogs will have many of these grab buttons on their sidebar- representing other blogs they follow. Now, it’s time to create & share your own!
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”> <a href=”http://BLOGADDRESS.com” target=”_blank”><img alt=”BLOG TITLE” src=”http://GRABBUTTONLOCATION.gif”/></a> </div> <div align=”center”> <form><textarea rows=”6″ cols=”20″><a href=”http://BLOGADDRESS.com” target=”_blank”><img alt=”BLOG TITLE” src=”http:// GRABBUTTONLOCATION.gif”/></a></textarea></form> </div>
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