Blog Button with Text Box for Code

I'm sure you've seen lots of blogs that have a button like this with a scrolling text box underneath that houses the button's code. This makes it easy for other people to place your blog's button on their blog and link effortlessly to you.

Although this is relatively easy, it was difficult to find directions that worked and were easy to understand. To place a button with a text box for code on your blog you need to have a button saved on the Internet (we use photobucket) and the following code. (This code has been tested for Blogger.)

In Blogger under Layout, choose to add a gadget. Choose HTML/Javascript. In the title box, type something like "Get My Button". Now simply copy and paste the code below into the text box. Replace the colored information with your blog's information and your button's web address (for more information on how to get a web address for your button click here). Save and position the button where you want it. Save your changes and view your blog.

<center><a href="http://YOUR WEB ADDRESS/" target="_blank" title="BLOG TITLE"><img alt="BLOG TITLE" src="http://IMAGE WEB ADDRESS"/></a> <center>
</center>
<center><textarea id="code-source" rows="3" cols="13" name="code-source"><center><a href="http://YOUR WEB ADDRESS/"><img border="0" src="http://IMAGE WEB ADDRESS"/></a></center></textarea></center>

Make sure that there is only one http:// before your web address and before the image web address. If you copy and paste you may need to delete an extra http:// in order for the code to work. 

You can adjust the height and width of the text box by changing the values after the rows= and cols= places in the code above.

Here's an example of what the code will look like with the information filled in.

Add here's what the gadget section should look like on your blog.

Now, go add a button to your blog so all your readers can place it on their blogs. While you're at it, why not get our button?

What to know how to leave an embedded link in a comment?

Please, let me know if this post was helpful to you. If it doesn't work, please, double check the code to make sure you haven't accidentally deleted something. Still need help? Leave us a comment and we'll try to help you figure out the problem.

Many people have asked how to do this in Wordpress. Unfortunately, I have absolutely no idea since I've only used Blogger. Sorry, guys!

Be sure to click the link in the first email to activate your subscription.