Thursday, July 1, 2010

How to Make Your Own Blog Button

Ok, I know I don't have the fanciest button out there.  In fact I made it in paint.  I just haven't had the time to design a really nice one.  I just thought I would share the html code for anyone that needed it.  These instructions are going to be specifically for Blogger. 

1.  You will need to design a picture for your button that captures the essence of your blog and you will probably want to include your blog's name. 

2.  Once you have your design, upload it to a picture sharing site.

3.  From the picture sharing site, get the direct link to your button design.

4. Take your blog url and the direct link to your button design and insert your info in place of mine. The highlighted area is where you will need to change the info:

<a href="http://blogrollplease.blogspot.com" target="_blank"><img alt="Blogroll Please..." src="http://i68.photobucket.com/albums/i6/IIIITara/thblogrollplease.jpg" /></a>

5.  In blogger go to design and then under page elements click on "Add A Gadget".  From there you will want to choose the Html/Javascript option.  Paste the code into the Content section and you can put a label for your button in the Title section.

6. Click save and VOILA you have a button!

1 comments:

Esther - TTBM said...

Hi,
Thanks for the easy and simple steps..it came out well!