How to Make a Blog Button

Blog Buttons (or badges) are becoming a very popular way to promote, track and link back to your blog.  I have compiled a short tutorial on how to make your own blog button.  These steps should be pretty easy to follow and they are only for those blogs who use blogger.
  • First you will want to find a picture that you like.  Either a photo you have saved on your computer or you can draw a picture using paint or any other drawing program you have. 
  • You will want to upload your picture onto photobucket.com and resize the image to 125 x 125 and save it. 
  • Once you have the image saved copy this code and sign into blogger.
<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>

  • Once you are in blogger go to your design tab and add an html gadget (to the place you want your button to show). Add a catchy title, “Grab my Button” (or whatever you like).
  1. Paste the above html code into the html gadget.
  2. Replace all words in purple with your actual blogs web address: ours would be http://ourtipsforsaving.blogspot.com
  3. Replace all words in Red with your blogs title: ours would be: Tips for Saving
  4. Replace all words in Blue with your new image html: You will find this in photobucket, all you have to do is hover over you new resized picture and it will give you an html code. Copy it and paste here.
Save all of your work and test to make sure it works! While you're at it please grab our button (right sidebar) and add it to your blog.


*Once you have created your blog button, head over to the Ultimate Blog Hop and register your button to start increasing you traffic and followers!

*Please check out these other great tutorials on how to make a blog button:

Hip Chicks Guide to PMS, Pregnancy & Babies (uses picasa and picnik and demonstrates how to create your blog image).

Blogging with Amy another great in-depth tutorial.

If you have a tutorial you'd like to share please post a link for it below!