I found these cute and helpful

By 10:56 PM

Wanna button?? Don't worry it's easy!!

I just made mine following these simple steps from...
{Shabby Blogs}



1. Choose the image you'd like to use as your button. I'd make it no bigger than 200 pixels wide so it fits on the average sidebar.
2. Upload your cool new button to the image hosting site of your choice. (I use Photobucket, but it doesn't matter.)
3. In another tab, log into your Blogger account and go to the Page Elements page. Click on "Add a Gadget" and select HTML/JavaScript
4. Copy and paste the following code in the text area:


<img src="http://yourbuttonlocation.jpg/" /> <br /> <textarea style="text-align:center" rows="4" cols="22"><a border="0" href="http://yourblogaddress.com/" target="_blank"><img src="http://YOURBUTTONLOCATION.jpg"></a></textarea>


 5. In Photobucket (or wherever you chose to store your button), copy the URL or direct link and paste it in both places where the code says YOUR BUTTON LOCATION.
6. Replace the words YOUR BLOG ADDRESS with...your blog address. :)
7. You can change the size of the box below your button by adjusting the numbers 4 (rows) and 22 (columns). You don't have to, but I just thought I'd let you know.
8. Build your blogging empire!

{Random Cuteness Code}
Code for the Heart symbol (♥) (type &#9829;)

You Might Also Like

11 lovely little thoughts

  1. That button is absolutely adorable! Thanks for the tutorial! :)
    Have a great week!

    ReplyDelete
  2. Thanks!!

    You too♥

    ReplyDelete
  3. if i get a button will people come to my blog?

    ReplyDelete
  4. It's kinda like an ad for your blog, when other people post it on there page, it creates a link back to your blog. Helping you to get more traffic!

    ReplyDelete
  5. I've tried this over and over and the picture won't show up on my blog. :( I'm bummed because I was totally excited to make this button! I'll keep trying. Thanks for the tutorial!

    ~ Angela
    grahamandangela.blogspot.com

    ReplyDelete
  6. Mine didn't work at first I had 2 http:// codes make sure nothings doubling up...also I found photobucket to be easiest to use!

    My email wfhsweeti@aol.com...I can try if you want.

    Good Luck

    ReplyDelete
  7. Sweet, I just might try that! :)

    Lovely blog; following! :)

    ReplyDelete
  8. Got it! Your tutorial really was simple; it was me being "blonde." Thank you!!

    ~ Angela
    grahamandangela.blogspot.com

    ReplyDelete
  9. I wanna do this! I have been wanting to for a while and couldn't figure it out! Thanks so much for the help!

    ReplyDelete
  10. I have been wanting to make one, so this is very helpful! Thanks for following my blog, just did the same for you. :) Ashlee @ Capernaum Home

    ReplyDelete
  11. No problem ya'll...

    Hope everyone has a great week!

    Ashton

    ReplyDelete

Thanks so much for reading, every comment truly makes my day!

I ♥ comments ...