Razer Megasoma Review

Razer Megasoma is a hybrid of a hard and a soft mouse mat; If you love the softness of a soft mat but want to have the speed of a hard mat, Razer Megasoma delivers (this is debatable and I guess more like a personal preference). Razer Megasoma sits somewhere in between, combining the best [...]

Generate your own FavIcon online







by Michael Aulia on 25 February, 2008

in Technology



What’s a Favicon? It’s the tiny icon that appears on your web browser, next to the URL of the current displayed site.

favicon Generate your own FavIcon online

It will also appear on the Bookmark/Favorites area of your browser. It’s not a requirement to have a Favicon on a website or a blog, but it does create a site/blog’s unique identity of its own. Gone have the days where you must design one in an image editor, with specific resolutions, and specific rules so that the favicon can be used on a website. Now, you can simply browse any image on your computer, upload it to Favicon.cc, and your favicon will be resized and generated automatically.

You can even modify your uploaded image on Favicon.cc. Once you are happy with the changes (IF you want to make any changes), simply click on the “Download Favicon” button to grab the favicon.ico file. This file can then be used automatically to display your Favicon on a user’s browser.

If you have a website, simply upload this favicon.ico to the root of your website (usually a folder called /www/ or /public_html/).

If you own a Wordpress blog like this one, you need to upload the file to the root of your blog (depends on where you install Wordpress to). Afterwards, you have to modify the header.php and add this line between the tags:

<link rel=”icon” href=”<?php bloginfo(’stylesheet_directory’);?>/favicon.ico” type=”images/x-icon” />

Save the file and refresh your site. The favicon should now appear on the browser. If not, try uploading favicon.ico on the folder where your theme is (wp-content/themes/YOUR THEME/) and try refreshing again.

If you are having any problems whatsoever when trying this, don’t hesitate to ask it here or contact me, I’ll try to help as much as possible!

Bookmark and Share



Subscribe Now

If you enjoyed this post, feel free to subscribe to be notified of new posts at Craving Tech!

{ 11 comments… read them below or add one }

Entrepreneur 25 February, 2008 at 8:37 pm

Hey this is the most detailed post I’ve seen on the favicon and may now actually do it. Thanks! (shucks we have the same wordpress theme) :D

Entrepreneur’s last blog post..Marketing Done Right: Win US$250 & 1000EC from Saphrym

Reply to this comment

Deimos Tel`Arin 25 February, 2008 at 8:52 pm

Good find yo!

Thanks for sharing. ;)

Useful info for those who yet to have a favicon or would like to change one.

Oh by the way, your favicon is not showing up in blog posts such as this one.

It shows up nicely in your home though.

Cheers! :D

Deimos Tel`Arin’s last blog post..How Deimos uses Social Networking – EntreCard.Com – Writing Contest! Win 3,000 EntreCredits – by Alan @ libdrone.info

Reply to this comment

Sameer 25 February, 2008 at 10:32 pm

wow, i am looking for this tips, thanks for sharing information.

Sameer’s last blog post..Do you know the origin of these names !!!

Reply to this comment

Michael Aulia 25 February, 2008 at 10:40 pm

No worries guys, thanks for giving the feedback!

Deimos:Huh? Where? It looks fine here.
Just kidding :) I’ve fixed it up. From the the Error log on my hosting control panel, it actually looks for the favicon.ico in my public_html/ folder and not the public_html/blogs.

By changing the link href to “http://www.cravingtech.com/blog/favicon.ico”, it now displays correctly!

Thanks for pointing that out, Deimos

Reply to this comment

vickie 25 February, 2008 at 10:52 pm

nice info here. anyway I added my favicon since last time too

vickie’s last blog post..Check Your Polling Centre Online (Malaysia Election)

Reply to this comment

raymondm 26 February, 2008 at 2:33 am

nice write-up, funny how a simple thing like this so many bloggers still don’t have.

raymondm’s last blog post..Free PATH rides today

Reply to this comment

The Sleepy Surfer 28 February, 2008 at 1:15 am

thanks for the tutorial. it just happen that I wanted to make my own favicon. then I found your site. Bookmarked it right away :)

Reply to this comment

Steve Yu 3 March, 2008 at 11:08 pm

Thanks for sharing. I really need one for my blog. :-)

Steve Yu’s last blog post..Toread – Send Bookmarked Webpages to Your Email

Reply to this comment

Michael Aulia 4 March, 2008 at 10:15 am

You’re welcome, guys. Glad I can help out

Reply to this comment

Jim 4 March, 2008 at 1:47 pm

My Thanks also, I had been wondering how to do this. Then I was wondering how I’m going to do this since I use blogger, well here is a detailed post about how to setup your own favicon in blogger – Add Favicon to Blogger URL

Now I just need to come up with an image I like for my icon.

Jim’s last blog post..ICE (In Case of Emergency)

Reply to this comment

Josh 5 March, 2008 at 12:06 pm

Awesome post, the other day I was wondering how to do just this. Perfect timing.

Josh’s last blog post..You?re nothing without meaning

Reply to this comment

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled

Previous post:

Next post:



ss_blog_claim=90a03beb48f2cae080e36591e278f2e0