First off, what's a grab box? It's a box that offers a visitor to copy/paste a code that puts your button on their blog or website, like the ones in my "Sponsors" sidebar. Here's an example:
1. First, you'll have to make a button. I use PicMonkey.com. In Picmonkey you can adjust the size of your photo. The standard sizes for blog buttons are 125x125, 150x150, 200x100 and pretty much any size you have your blog set up to fit. Make sure your button's width doesn't exceed the width of your sidebar or it wont fit properly.
2. After you've edited your button to your liking, save it to your computer and log in to Photobucket. Upload your photo. Now you're ready for the grab box code.
3. In Blogger, open an HTML gadget in your sidebar or if you're going to make multiple boxes, hit "NEW POST" and use the text body for your code. Make sure it's in HTML and not Compose or else the code wont take properly. You're not going to publish this post, you're just using the HTML format so click "save" at the bottom and not "Publish" when you're done.
4. Copy/paste the following code into your HTML..
<div align="center">
<a href="YourURLgoesHere" target="_blank"><img alt="YOURNAME" src="PhotobuckeyDirectLinkGoesHere" /></a> </div>
<div align="center">
<form>
<textarea cols="20" rows="6"><center><a href="YourURLgoesHERE" target="_blank"><img alt="YOURNAME" src="PhotobucketDirectLinkGoesHere"/></a></center></textarea></form>
</div>
"YOUR URL GOES HERE" this is where you put the URL you want the button to link to. It should be your blog, your shop, etc.
"YOURNAME" This is where you would put your blog name or the size of the button. It's handy for keeping the sizes straight. This is more for reference as this doesn't link anywhere.
"PHOTOBUCKET DIRECT LINK GOES HERE" Now go back to your Photobucket uploads. On the photo you're using there should be four ways to copy it. You're using the second one called "Direct Link". Copy/Paste that one and put it in the code above where it says to.
Now if you used a sidebar gadget, click "save" and you should see a grab box displayed. If you used a "New Post" click "compose" to verify the grab box looks right. If it does, click HTML again and copy the whole code to where you want the grab box. If you ONLY want the button without the grab code, then just copy the code in the box and put it wherever you want the button to show up.
There you have it!
Let me know if anything wasn't clear or if you need more help!
♥♥♥






.jpg)




















>





