Creating a favicon with favicon.cc

You might have noticed that I have changed the default BlogEngine favicon to a more personal one.  You might see it flashing up there in your browser now.  If you don't see it, then your browser is caching the older image, and it should show eventually.  Depends on your cache settings. Read on to hear more about it all.

What is a favicon?

A favicon is what a browser will display next to your address in either the browsers address bar, or if you are using a tabbed browser such as FireFox or Flock, it will show an image in the tab.  It's a further way of personalizing your blog and the domain name itself.

favicon.cc web siteWhy favicon.cc?

Favicon.cc had the best interface and the most features I have found for favicon creation and editing.  I would love to hear about any other sites that might compare though.

I figured I'd make a new favicon really quick just to give me something other than what every other 'default' BlogEngine.net user has.  I took the gravatar image I made and uploaded to favicon.cc through their import image function.  Once uploaded, I was able to grab a favicon right away.

I decided to go a step further, and I added another 'frame' onto it.  In essence, that is techno-babble for another image, or blank slate.  On that, I drew in 'Only a lad', why?  I don't know...lack of anything else at the time I guess.  But I set both frames to show for 3 seconds each, so you should see the image 'flip' every now and then.

Once I saved my work, I was able to download the .ico file to my desktop, and then copy it over to my blog.

Does not work on every platform or browser

I'm able to do this quite easily since I control all aspects of my site, however some platforms like Blogger.com do not provide an easy way to include a favicon on your site.  It is possible, but not without getting into some HTML editing and potentially causing some damage to your blog.  For that reason, I won't go into any details of how to install it beyond pointing your nose to favicon.cc web site for information to that regard.

If you feel adventurous though, by all means play around with your template, but make sure you make a backup of the text you will be modifying!

What system are you on, and are you able to define a favicon with ease, or is there some HTML dredging involved?  I suspect most allow you to add one by modifying the template or site headers with HTML, but there may be some that provide an interface for this specific web site feature.

permalink Permalink or Trackback Comment Comments (7) Cat Web Design
Technorati: No reaction yet!
Tags: ,
Actions: E-mail

Was this helpful?

If you liked this or found it helpful, please digg it, stumble it, buzz it, whatever it, to say thank you.





Add to Technorati Favorites

 
 If you would like to receive these posts as they happen, you can subscribe to my feed or receive my posts in your email.

Related Posts

Comments

  1. Gary (aka "old dude")
    Gary (aka "old dude") Says:


    okayy so being on the blogger. com template I can't do favicons----least wise you savem me the time and frustration I most likely would have gone through not realizing the blogger template wouldn;t accept it.

    Gary
    http://threescoreplusten.blogspot.com/
  1. Wayne
    Wayne Says:


    @Gary - Yeah, I tried initially to make this a neat thing to do on blogger, but when I realized I was having issues, decided to just call it do-able, but will take some effort to get done without writing a book. Smile

    It certainly is achievable according to Blogger, and perhaps with a little more finangling I could have done it, but there are more important things to cover than this, so perhaps I'll circle back to it later on.
  1. Karen
    Karen Says:


    I want a favicon of a little tiny skull with bright green eyes!!!! Oh wait, I'm on blogger, I guess I will have to wait until I grow up and change platforms!
  1. Wayne
    Wayne Says:


    @Karen - If I can make that happen for you, you got it! Smile
  1. Gary (aka "old dude")
    Gary (aka "old dude") Says:


    ahh, whats the difference between a favicon and a Gravatar?---does one have more social clout than the other? is one more for grownups as compared to pre-teens?----and just what is that odor when the coffeepot boils a way---the smell of the beans or of the burro?

    Gary
  1. Wayne
    Wayne Says:


    @Gary - From what I can tell...it's the burro. The primary difference is that your Gravatar will follow you from site to site, as you comment on sites that seek to find a gravatar for the email address you provide. The favicon is the icon you see on some sites. Go to google and look at their address in the address bar of most browsers, you will see a little 'G' next to their URL.

    Favicons stay on the site, and are considered part of the site. Whereas gravatars are more personal, and not necessarily part of any site.
  1. Rose
    Rose Says:


    Installing a Favicon on your Blogger blog is not that difficult. I show you how to do so on my blog.

Add comment



(Will show your Gravatar icon)  

biuquote
  • Comment
  • Preview
Loading



Check it out mango: Any links must be entered as http://www.somewhere.com with nothing touching it. Anything else will be mangled. This is to help combat spam and to also ensure the masses know of this little tidbit before they click Save comment below. :) I have this down to remind me to do something with it, but I take things slow and easy on the old horse.

Keeps her regular don't ya know, and I wouldn't want to disturb that.



CSS Template by RamblingSoul | Illinois Wine. Adapted to BlogEngine by Wayne John
EatonWeb Blog Directory  Blog Directory Blogger Forum: About Blogging for Bloggers DaniWeb - IT Professionals' Lounge Community