Creating a Favicon

Whilst on the phone recently with the lovely Brenna Mader of Wanderlustandglitterdust.com helping her set up theFEED, she mentioned that she now knew what a favicon was because in theFEED settings it asks you to upload a favicon!


I was like say whatttt! Then thought about it for a second and realised I’ve seen a lot of bloggers sites without favicons so she was actually in good/bad company =]


If you are reading this and thinking what the hell is she going on about (this post is for you), a favicon is a cute little icon which displays next to your site name in your browser.


e.g.
favicon


Above is a screenshot of my Google Chrome right now, you can see I have three tabs open, one is this blog, the second is Brenna’s and the third is my Gmail. Next to each website name is a little icon – that is a favicon!


A favicon is usually 16px by 16px and traditionally a .ico file. To upload a favicon to your blog do one of the following:

Way One

Open your theme editor and check (use CMD + F on mac to use your browsers find tool) you don’t have any code that starts with

If you do, your site is already set up to have a favicon, in this case change the image url in the “src” attribute.


If you don’t then, before the close of the tag insert the following code, insert the below code, swapping our ENTERIMAGEURLHERE for the destination of your favicon image.


Way Two

Get the plugin “All In One Favicon” and follow the instructions.


chloe-signature



#7 Adding a Favicon

Favicon

The Favicon- a simple little feature to make your site look that little bit more professional. This is not a long tutorial, I would say it took me under an hour to design and add my favicon to the site. Even if you are not completing all of the tasks or using a different blog theme this can still be done easily, so no excuses!

 

Thanks to this easy piece of code it was a well needed early night for me!

 

 

Continue reading