10.09.2010

How to make a blog button grab box

If you have a blog button or badge now (a little square logo advertising your site), do you want to know how to make a little box so people can grab the code? Like so:

Visit Hobo Mama Natural Parenting Blog button for HoboMama.com


It's actually really easy. All you need to do is figure out the code for the button, and then place it within this placeholder code:

<form><textarea rows="5" cols="20" readonly="readonly"> INSERT BLOG BUTTON CODE HERE </textarea></form>

You can alter the size of the grab box by experimenting with different numbers for rows and cols (columns). The "readonly" command is optional, but it prevents people from accidentally deleting or editing the code in the box as they're copying and pasting.

Tomorrow I'll give you a tip on updating your image without making your fans change their button code. And if you missed yesterday's post on creating the code, check it out here.

5 comments:

Issa said...

Thanks for writing about how to do your own blog button. I've been wanting to get one of my own but haven't looked into how to do it, yet. I have the Hobo Mama button on my blog, inspired by seeing your code on your other site. I'm one of those weird people who likes advertising. I really wanted some cute little ad buttons on my site, so I've been grabbing the code from blogs I read that have it easy to find like yours.

Tara at The Adventures of MommyHaha said...

Thank you so much. That was so easy!

abbiegrace said...

Such a great tutorial! Thank you so much.

Momma Jorje said...

Thank you! Tweaked it a bit, but I totally couldn't have done it without you!

Amy Phoenix said...

Thank you, Lauren!

Post a Comment

Related Posts Plugin for WordPress, Blogger...