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:

JB said...

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

Lindsay @ 402CenterStreet.blogspot.com said...

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

Janine said...

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

Lynette @ My Craft Discovery said...

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!

Tina said...

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

Colville Clan of TN said...

Oooh, thank you!

Lizzie said...

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

Sarah @ This Crazy Blessed Life said...

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

Natalie said...

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.

marisa said...

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

Delia said...

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!

kt said...

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

becky said...

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.

Doobee64 said...

This really works...Thanks!!!

ana5059 said...

Thank you so much!! Gonna try !!!!

ana5059 said...
This comment has been removed by the author.
Paula said...

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

Laura said...

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!

deb-bot said...

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

erin said...

oh boy!! I was JUST wondering that today!! thanks

Ashley said...

Yeah, can't wait to try it!

Erika said...

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

becky said...

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.

Adventures of Shaw said...

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

Amanda Jane said...

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

Domestic Mama said...

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 !

Sarah from practicalpraise.blogspot.com said...

Fixed mine! Thanks!

Anonymous said...

Thank you! I just added one to my WordPress blog!

Jodi Ann said...

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!

Adventures of Shaw said...

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

Julie{isCocoandCocoa} said...

Thank you so much! I just created my favicon!

Renae said...

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!

Moriah said...

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

LinkWithin

Related Posts with Thumbnails