How to Create A Favicon For Wordpress Blog
Create favicon to add professionalism to your blog. A favicon is an image that is displayed in your browser’s address bar. Your favicon adds a nice touch by adding a visual to your url. Additionally, these free favicons make your website standout in your readers’ bookmarks folder.
Here is a step-by-step guide for how to create favicon:
- Create our find an image that you would like to add be your favicon. My favicon is a derivative of my header image for Newest on the Net. From my header image, I created a smaller image that I use for my Gravatar image and any avatars for social sites. I created my header image and my avatar using photoshop. Alternatively, here is a favicon generator that you could use.
- Once you have an image, use a favicon generator to create favicon. I used Favikon for my favicon maker, but you could also use the link in step one above. All that a favicon generator does is reduce the favicon into a 16 pixel square.
- After you have created you favicon.ico file using the favicon generator, upload that file to your public_html folder on your wordpress server using an ftp application.
- Next you have to add the following code to your header.php folder. Here is the code: <link rel=”shortcut icon” href=”favicon.ico” />
- Save your header.php folder
- Refresh your browser
- You should now have a favicon for your wordpress blog. Congratulations!!
If you know of another favicon generator, please tells us about it in the comments.
I hope you liked this tutorial for how to make a favicon.
Vikram | November 22nd, 2007 at 1:26 pm #
Just what I needed. This is an excellent tutorial. Thanks Fred!
Fred | November 22nd, 2007 at 1:28 pm #
No problem Vik. If you have any trouble, don’t hesitate to ask a question in the comments.
kidata | November 22nd, 2007 at 3:24 pm #
Funny, that you don’t have a favicon on your own blog.
But anyway it’s a very useful post.
Alex @ Web 2.0 WordPress Guide | November 22nd, 2007 at 3:40 pm #
Fred,
Great tutorial and should be useful for very many. Favicon is overlooked by many and yet it creates a nice identity for our blogs.
Default provided with the theme gets old fairly quickly when used on thousands of blogs …
Rich Sage - Money Making Wisdom | November 22nd, 2007 at 3:42 pm #
Great reading…. Indeed one can beef up one’s blog by following such simple steps.
Kyle Eslick | November 22nd, 2007 at 5:48 pm #
I use ‘Favicon From Pics’ to make my favicons. I’m pretty happy with it.
Mark McCullagh | November 22nd, 2007 at 11:48 pm #
Thanks Fred,
That reminded me to create one for my blog.
Mark
P.S. The one I did needs to be improved but it will do for now.
Weekly Links - November 22nd << Vandelay Website Design | November 23rd, 2007 at 2:28 am #
[...] How to Create a Favicon for WordPress Blog from Newest On the Net [...]
LGR | November 23rd, 2007 at 3:06 am #
A generator I like to use is http://www.freefavicon.com
Similar to the ones you mention, but they also have some free favicons you can just download and use.
New favicon | braincharger.net | November 23rd, 2007 at 11:41 am #
[...] I’ve just created a favicon for this blog! A favicon is the small icon on the address bar of your browser (on the left of the URL). It’s very easy to create it because there are lots of tools to automatically create it. I found a very good tutorial for creating favicons for WordPress. It explains the whole process in easy and fast steps. Read the tutorial here. [...]
» Come creare ed inserire una favicon nei blog Wordpress Geekissimo | November 24th, 2007 at 9:30 am #
[...] Fonte: Newest on the Net [...]
blog-thing : Weekly Links - November 22nd | November 27th, 2007 at 12:12 am #
[...] How to Create a Favicon for WordPress Blog from Newest On the Net [...]
Terrence | December 3rd, 2007 at 2:36 pm #
I found the best favicon site http://www.1favicon.com
They have a tutorial that guides you to create your favicon. I am not a designer – and I was so happy when I found out how creative i can be.
How to Create Favicon On WordPress Blog | December 3rd, 2007 at 6:59 pm #
[...] to subscribe to my RSS feed. Thanks for visiting!It seems that lots of people are interested in creating favicons for their Wordpress blogs. The response to my guide on how to create favicons was great. [...]
prasadm | December 20th, 2007 at 4:07 am #
Hi,
How do I know which wordpress server I am using. Can you please give me more info on point 3 and 4.
Thanks
Faraz | February 21st, 2008 at 7:57 am #
hi,
Have tried this but didn`t work plzz advice.
tebeen | August 22nd, 2008 at 8:25 pm #
hi
thx for explaining that i have tried but it didin’t word i put that code in header.php but i don’t know in where in header.php ? pls i need this pls explain it thx for all
Danny | September 4th, 2008 at 11:10 pm #
This tool doesn’t seem to accept gif images though it says so.I tried this Favicon Generator and it worked!
Ricky Flat | December 21st, 2009 at 12:32 pm #
Hello! I tried the step by step procedure of creating favicon in my wordpress blog but it does not appear. Can you help me with this?