The Grab Button Builder

Create an HTML grab button for your blog's sidebar, without writing any code!

View a Demo Button

grab button for The Grab Button Builder
<div class="the-grab-button-builder-button" style="width: 210px; margin: 0 auto;"> <a href="http://codeitpretty.net/grab-button-builder/" rel="nofollow"> <img src="http://www.codeitpretty.net/grab-button-builder/images/grab-button-builder-sm.png" alt="The Grab Button Builder" width="210" height="139" /> </a> </div>

This button builder will give you the same modern HTML grab button you'd get if you used my tutorial on Code it Pretty. The button works on Blogger, Wordpress.com, Wordpress.org, and Typepad blogs.

Before you get started, upload your button image to your favorite image host and copy the image's direct URL. Not sure how to get your image URL? Open the image host tutorial for detailed instructions.

Click on your image host to see where you can find your image URL.

Setup

Something's missing from your image URL. Make sure to enter the complete URL, including http:// or https://

Something's missing from your blog URL. Make sure to enter the complete URL, including http:// or https://

Please enter an image width.

Please enter an image height.

Fields marked with an asterisk (*) are required.

Code Box Options

You can use hex color codes or CSS color names to set your colors.

Scroll down for your button preview and code.

Preview

Your button preview will appear here.

Code

Your grab button code will appear here.

Copy this code and paste it into:
  • Blogger: a new HTML/JavaScript gadget.
  • Wordpress: a new Text widget.
  • Typepad: a new "Embed Your Own HTML" module.