Tuesday, January 5, 2010

How to: add a favicon to your blog!

I had always wanted a favicon but was not sure how to do it on blogger until I came accross this tutorial at yummylolly.com! It's some very useful information, and I just wanted to share what I learned! (credit: here is the tutorial from yummylolly)

D I R E C T I O N S


  1. You need a small square icon (I think I did 20x20 but it's usually scaled down to 16x16). If you use a big image, it will be scaled down and lose quality so if you're making your own, it's best to create your image at the size you want it to appear. I used Paint Shop Pro but you can use any image editing program-- I find good ol' MSPaint to be the easiest to make pixel images with.

  2. I saved mine as a .gif with a transparent background -- I will do a tutorial on this soon.

  3. Go to iconj.com and upload that sucker!

  4. Copy & paste the code they provide you with, into your layout html like so:



    The pink part is where you put YOUR code... put it between the b:skin and head tags. Make sure it is ABOVE the head tag.

  5. Preview that shit!!! If it's all G... click SAVE

  6. Aaaand... you're done! It should work as long as your browser supports favicons. Also, remember that since this is a free host and all... your icon may disappear if/when the site goes down.





11 comments :

  1. hi sweetness!! I hope you had a fabulous new year! I like the new look of your blog!!! VERY CUTE. I love pink too. And thanks so much for the blog award! I need to get all of those up sometime! :)

    And the favicon. OH man, another thing I need to get around to doing. But I'm really liking yours! Totally suits your site!

    xo

    ReplyDelete
  2. AHHH! I was just wondering how to do this when I saw your new layout.
    I tried it before but it didn't work for me. I'll try again right now!

    <33

    ReplyDelete
  3. you favicon looks so pretty! ^^
    xxx

    ReplyDelete
  4. OMG HOW IRONIC IS THIS! I was trying to add one yesterday, but I got confused. :/

    I think I added it in the wrong spot.

    ReplyDelete
  5. this is gonna sound stoopid, but what's a favicon?! LOL!

    ReplyDelete
  6. oooh! i've been trying to find/make a favicon but failed! i can't wait to try this out! thanks a bunchies!

    <3 Rena

    ReplyDelete
  7. your new layout is AWESOMEEEEEEE

    ReplyDelete
  8. ooh! I'd love a favicon. But I can't think of what to put as mine. Thanks for the tutorial! And your favicon is cute! :D

    ReplyDelete
  9. Thanks for posting this =D <3<3

    ReplyDelete
  10. Wow, this is so cool! I love yours. :D

    ReplyDelete

If you have any questions, comments, or feedback, feel free to drop me a line and I'll get back to you asap :)