Ask A Blogger: How do you make the code for a blog button

The Ask a Blogger series is a joint effort between myself and Dana from The Coupon Challenge. We have a lot of people who ask us how did you do that? If there is something you would like to know… Well, ask us in the comment section.

Last week Amee showed you how to make a blog button. Now all you need to do is input your information into the code below and viola, you have your very own clickable button with grab box!

1. Copy your image direct link from photobucket as Amee showed you here

2. Enter your Blog URL and button image link into the appropriate spots below:
<center><a href=”YOUR URL HERE”><img border=”0″ alt=”The Coupon Challenge” src=”BLOG BUTTON DIRECT LINK HERE” /></a></center>
<center><textarea id=”code-source” rows=”5″ cols=”12″ name=”code-source”><center><a href=”YOUR URL HERE” target=”_blank”><img border=”0″ alt=”The Coupon Challenge” src=”BLOG BUTTON DIRECT LINK HERE” /></a></center></textarea></center>
This is what my blog button code looks like:
<center><a href=”http://www.thecouponchallenge.com/”><imgborder=”0″ alt=”The Coupon Challenge” src=”http://i743.photobucket.com/albums/xx76/TheCouponChallenge/coupon-challenge.png” /></a></center>
<center><textarea id=”code-source” rows=”5″ cols=”12″ name=”code-source”><center><a href=”http://www.thecouponchallenge.com/” target=”_blank”><img border=”0″ alt=”The Coupon Challenge” src=”http://i743.photobucket.com/albums/xx76/TheCouponChallenge/coupon-challenge.png” /></a></center></textarea></center>

3. Copy the entire code into a blog post or a widget for display on your sidebar.
The Coupon Challenge

The top section of code is a clickable button and the second section is for the grab box (as shown).



Do not forget to shop with us!
shop with us

Trackbacks

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge