May 6, 2010

How to...make a button

Making a blog button is really easy, anyone can do it, here is how I make mine.
1. First you need to create a logo or find a picture to represent your blog. You can do this in any photo program such as paint, picasa or my favorite photoshop.
2. Upload your graphic to photobucket, if you don't have a photobucket account it's free to sign up. Once your picture is uploaded, go to edit, resize and change the dimensions to 125 x 125.
3. Copy and paste the code below into notepad. Change the bold type to your web address and the direct link to your photo in photobucket. To get this link: click picture, share, get link code, then copy the direct link code and paste it in the spot below.
<a border="0" href="Your Web Address Here" target="_blank"><img src="Direct Link to PhotoBucket Here" /></a>

<textarea cols=”15″ rows=”4″ wrap=”virtual”><a border="0" href="Your Web Address Here" target="_blank"><img src="Direct Link to PhotoBucket Here" /></a></textarea>

4. Copy all that code and paste into your add html widget in blogger. It should look like this when you're done, with a text area below the button. If you just want the button without the grab html code below then only copy and paste the first line of code into your html widget.





4 comments:

  1. What a great tip! I never knew how to do this. Thanks for sharing.

    ReplyDelete
  2. Thanks for the tutorial!! I had a friend who stumbled her way through it and tried to help me but I just never sat down and did it! Soon!! ;)

    ReplyDelete
  3. Finally!! I am so glad I found this! I now have a button too!! :)
    Thank you!

    ReplyDelete
  4. Oh I'm so glad I'm a follower of yours!! This information on button making is priceless. Thank you soooo much!
    http://hauplight.blogspot.com/

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...