• No Products in the Cart

Blog Tip: How to Create a Favicon

If you own a blog, or you’re a reader of a blog, you’ve all seen this icon:

This Blogger icon appears in your browser address bar beside the blog URL as well as beside a blog’s name in blogroll lists… Unless you have your own fancy shmancy favicon to replace it!

Look up in your address bar right now. See my little plush deer beside my blog URL?  That wasn’t magically placed there!  It’s super easy to add your own favicon to your own blog in a few simple steps.  Adding a custom icon beside your blog is a great way to add a little bit of personalization to your page, and helps you stand out in a list of blogrolls.  Some of you already know how to do this, but for those that don’t, I’m going to show you how!

First, you’ll need a favicon of your own. You can use an existing photo you took, find a pre-existing one online, or draw your own.

Go to Favicon.cc to make the magic happen! Along the side, you will see that you can “Create New Favicon” or “Import Image”.  If you want to create a new favicon, this nifty little website lets you draw out your own in pixel form. If you’re not that creative, you can upload an existing icon or photo instead.

If you’re using a photo, you’ll want it to show a specific object on a plain background. We can’t get TOO fancy with our little favicons, because they are only 16×16 pixels in size.  So just keep in mind that whatever you create or upload will be shrunken a ton.  Simple shapes like a heart, a leaf, or a letter work pretty well.

Here is what my deer plush looks like once uploaded to the favicon.cc generator:

It may look funny here, but if you check out your browser’s address bar after uploading, it will show you a preview of exactly what it will look like as your icon!

Then when you’re happy with how it looks, all you need to do is hit the Download Favicon button below the generator and save it to your computer.  It will save as a .ico file.

To add this favicon to your Blogger blog, they made it pretty easy for you. In your Blogger admin, just go to Design then right under the line “Add and Arrange Page Elements” there is an option to change your favicon. Simply upload it and you’re done! (In the new Blogger layout, just click the drop down arrow in the menu beside your blog, then choose Layout. There is a favicon edit link right on the next page!)

Happy faviconing!

P.S. Some of you are having problems saying it’s not showing up. It’s nothing you’ve done wrong, it’s just because your computer has cached the old blogger icon, so it might take 24-48 hours or so to update for you… depending on when you most recently visited your blog. Try viewing it from a different browser or try clearing your internet cache to see it immediately!

p.p.s. I can’t reply to some of your questions via email because you have not set up your email address in your blogger account. View THIS POST to learn how to allow replies to your email address. PLEASE DO THIS! I can’t stress it enough 🙂


linking up with: tatertots & jello

» Need blog topic ideas? Check out 365 Blog Topic Ideas on Amazon!

Dana Fox

I am an online entrepreneur/artist helping other creatives kick butt in the real world. When I’m not running the Wonder Forest blog ship, you can find me teaching in my Watercolour Workshop, creating artwork for phone cases and home decor, whilst managing the daily tasks of Dana Fox Creative. Visit me at the links below if you wanna be friends and check out my Instagram stories for behind the scenes bits!

Get Paid To Be Creative

Find out how I make a living by being creative! Download my FREE ebook, get access to productive challenges, and learn how to make money with your creativity! (learn more)


Privacy Preference Center

Close your account?

Your account will be closed and all data will be permanently deleted and cannot be recovered. Are you sure?

Are you sure?

By disagreeing you will no longer have access to our site and will be logged out.