December 01, 2011

What is a Favicon and How to Make One

Back when Erika (my Fairy Blogmother) made over my blog in January (which she's helping me do again currently) she asked if I wanted a "Favicon."  At the time I was thinking, "Hmmmm.....I don't think I need an enchanted bird."  I didn't know what a Favicon was so I googled it.  Now I'll show you what it is and how to get one.

Behold!  The favicon!

  
Yeah, it's that cute little square next to your URL and Blogger has made it super easy to have one now.

If you use Blogger and you don't have one, your square looks like everyone else's.  (See the orange blogger logo on most of the blogs listed or the blue one for Wordpress blogs?)  As I looked through my reader, I noticed that a lot of people haven't added their own favicon, so I thought I'd show you all since it's super simple.

First of all you need to design a square.  (You can use my how-to-create-printables tutorial if you're not familiar with picnic.)  You want to keep the square super simple, since it'll only be seen as a tiny square.  Mine is just an "R" for Roar.  You don't have to resize it.


You just head into your blogger dashboard and click on "Layout."  See the favicon spot?  Click "Edit" there.


Then click "Choose File" and upload your file just like you do for photos in a post.  It will make it the right size and do the rest for you.  Don't worry if it doesn't show up right away.  Sometimes it takes a little while.


There you have it.  It's a simple step to make your blog look a little more professional.

Thanks for stopping by.

33 comments:

  1. Thanks so much! I always wanted one but didn't even know what it was. I will defiantly change mine from that orange B.

    ReplyDelete
  2. Awesome! Thanks for the tip. I've always wanted one but didn't even know what to call it!

    ReplyDelete
  3. Thank you for sharing this info... loaded mine up straight away! Thanks - totally forgot about this option!

    ReplyDelete
  4. Sweet. I've been meaning to do this, but I just haven't yet. I will have to try this out. Thanks for the tutorial!

    ReplyDelete
  5. Clearing the browser's cache, usually under tools, should make the favicon appear if it doesn't immediately appear when you add it!

    ReplyDelete
  6. I had no idea I could do that. Thanks for sharing!!

    ReplyDelete
  7. Oh, thank you!!! I just made my Favicon! :)

    ReplyDelete
  8. Thanks for the info. I was just about to "decorate" my blog for Christmas. Now I am going to add a favicon too! PS. I love your blog.

    ReplyDelete
  9. I always wanted one!! I'm serious! So glad you showed us.

    ReplyDelete
  10. I always wondered how people did that! I had no idea what that favicon bar was for.

    Thanks for sharing with us. I'm going to get one going this week! Whoo hoo...thank you!

    ReplyDelete
  11. yay! i've got a cute little button next to my blog now!! thank you SOOO much!!!

    ReplyDelete
  12. Cool...gonna try that out. When you don't have anyone to ask how to do stuff there's Google and blogbuds.
    Thanks. I'll let you know.

    ReplyDelete
  13. This really works...Thanks!!!

    ReplyDelete
  14. Thank you so much!! Gonna try !!!!

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete
  16. fab tutorial, thanks so much, can't wait to do mine x

    ReplyDelete
  17. Thanks! I'm excited to add one to my blog, even if it is just a 'keeping up with my family for the family who live out of state' blog!

    ReplyDelete
  18. Yay! i got it to work. Thanks so much for the tutorial!

    ReplyDelete
  19. oh boy!! I was JUST wondering that today!! thanks

    ReplyDelete
  20. Yeah, can't wait to try it!

    ReplyDelete
  21. You are so funny. An enchanted bird? I love it.
    Also, thanks for mentioning me up there. Could you get any better?

    ReplyDelete
  22. Well...I made one...How long till it shows up? Hours...days? Just wondering. Now if you could tell me how to get a picture on these comment things.

    ReplyDelete
  23. Becky -- the picture comes from your Blogger Profile picture.

    I love the Favicon idea but I cannot upload mine because it says it is not square?? How do I make it square?

    Thanks

    ReplyDelete
  24. I've been trying to figure this out all week! Thank you, so cool.

    ReplyDelete
  25. Adventures of Shaw -- If you use picnik, just crop your picture. Under the crop option (after clicking it) there is a "square" option, pick this one - and VOILA ! You have your square favcion !

    question though - I made mine yesterday and it has still not there. How long does this usually take ?

    Thanks !

    ReplyDelete
  26. Thank you! I just added one to my WordPress blog!

    ReplyDelete
  27. Thank you! haha! I have been using Wordpress for my personal blog, but just started a style blog on blogger and I've been so confused about what a Favicon is!

    ReplyDelete
  28. Hey There --- I could not figure out how to make my Favicon square so I googled it. There is a site that will take any image and convert it to the .Icon file

    http://www.favicon.co.uk/index.php

    Thanks

    ReplyDelete
  29. Thank you so much! I just created my favicon!

    ReplyDelete
  30. YES! Thank you! I've totally been wanting to do that to my own blog, but I had no idea what it was even called to look up how to do it. Now I know. Awesome!

    ReplyDelete
  31. I used this for my blog. Thanks!
    Moriah
    ~http://thelordismyteacher.blogspot.com/2012/02/thanks-to-cheri-iammomma.html

    ReplyDelete

Thank you so much for leaving a comment! If you are asking a question and you do NOT have your profile linked to your email address, I will respond in the comment section, so just come back to check it later. Thanks!

Note: Only a member of this blog may post a comment.

LinkWithin

Related Posts with Thumbnails