Thursday, August 12, 2010

Blog Buttons!

Yesterday I decided to create two blog buttons. One for people that have been featured on my blog and standard on that anyone can use. I had to look up how to create these buttons for my blog and thought I would share what I found out for other to use!

To make your own button:
  • Create a 125 x 125 pixel image in an image editing program such as  Adobe Photoshop or Illustrator.  Make sure you save the image as a .gif of .jpg

• Save your image to a website like Photobucket or Flikr

To put a "grab our button" on your blog:

• copy the following html code:



• open your blogger account and choose "design"
• click "add a gadget"
• choose "html" and you'll get a blank box
• paste the code you have copied in the box
• change the words "YOURBLOG"  to your information.
• Change the link to your image. (You'll need to go back to photobucket or wherever you saved your image and get the direct link code.)
• click save

To grab a button:

• copy the html code from the button you want
• open your blogger account and choose "design"
• click "add a gadget"
• choose "html" and you'll get a blank box
• paste the code you have copied in the box
• click save

That's it! The new button should be on your blog. Go ahead, give it a try with LuckyPups new blog button!

LuckyPupsBlogButton


LuckyPupsBlogButtonFeatured

7 comments:

  1. I just made a button for my blog but this looks way easier than the way I did it.

    I'm following you now :)

    ReplyDelete
  2. Your buttons look great! I've been meaning to design my own for awhile, thanks for the motivation!!:D

    ReplyDelete
  3. Thanks for the button instructions! I'm totally going to try that. :)

    http://istillwantmorepuppies.blogspot.com/

    ReplyDelete
  4. Great! Then we can exchange buttons! :)

    ReplyDelete
  5. I tried, but I'm incapable of making it work for some reason... I'll try again soon. :)

    ReplyDelete
  6. Oh no! If you need any help let me know :)

    ReplyDelete