Friday, April 29, 2011

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!





7 comments:

  1. This is great! Thank you

    ReplyDelete
  2. Couldn't of put it any better. Thanks for the help. Make sure you check out my blog once its up

    ReplyDelete
  3. I so needed this a couple of weeks ago...I was up all night trying to figure out my blog button. :) Finally got it. :)

    Just dropping by from the TGIF blog hop...a little late! I'm your newest follower. :)

    We love to have you stop by my blog at
    gingersnapcrafts.blogspot.com

    Ginger

    ReplyDelete
  4. Thanks for stoping by my blog,am now your newest follower.

    ReplyDelete
  5. OMG! Thank you, I did it! I have been trying for months and your instructions were the easiest to follow.:)
    Madison
    My Meddling Mind

    ReplyDelete
  6. Thanks so much. I have been trying to do this for some time and this is the only tutorial that enabled me to finally crack it!

    ReplyDelete
  7. Thank you so much for the information. I'm new to blogging, and new I needed a button to start blog hopping. This is great. I'm going to start working on this. It seems real easy, and I'm so glad I've found this! Thanks so much. I'm also your newest follower. Check out my blog please, New Beginnings.
    http://ticsblog75.blogspot.com/
    ticsblog75@gmail.com

    ReplyDelete