Latest Posts

4/21/2008

Add a Favicon to your Blog?

Have you noticed the pink flower on my blog url lately? On the left side of the url, on the menu bar, you can see a little pink flower that I have added. This is called FAVICON. It is actually a shortcut for Favorite Icon and it serves as a symbol for the site, sort of. You can choose which type of FaveIcon you would like to put, text or image.

If you would like to add one, you can follow these steps.

1. First you need to have the image on your computer.
2. Upload the file to a freeserver, like photobucket if you have one.
3. Login in to your account (blog account) then go to Dashboard, click Layout and then click Edit HTML.
4. Before doing the rest of the steps, make sure that you have a backup of your templates.
5. Copy the following code to your html codes just below the

(title)...(/title) * I change <> to ( ) so I can published it here.

(link rel="shortcut icon" href="URL OF YOUR ICON AT GOOGLEPAGES" /)

* Make sure to change the ( ) into <>. Copy the whole text in red and blue. The blue part is the one that you need to change. You can copy the url of the image that you have uploaded, let's say from photobucket.

6. Before you save your html, hit Preview to see your new icon.
7. Click on Save Template and see the new icon beside your url.

Subscribe to my blog

8 Comments:

  1. Oooohhhh... that is SO cool! I've always wanted to figure out how to do that. Thank you MUCH!!

    :D
    ReplyDelete
  2. ~dette
    i have been wanting to add this to my blog also but just cant find the time.. but today i was able to add it and got the chance to post the steps here also..

    you can grab the codes and try it in your blog. :)

    let me know if you have some questions.
    ReplyDelete
  3. I've always wanted one. I'll give this one a try. Thanks for generously sharing the procedure.
    ReplyDelete
  4. your welcome rachel.. i been wanting to get one before just can't find the time on to experiment on it..

    your more than welcome to copy the code.. just make sure you change the ( ) into <>

    goodluck
    ReplyDelete
  5. :( I'm a dork - I tried it and it didn't work.

    Any suggestions?
    ReplyDelete
  6. did you change the () into <>? and what browser are you using?
    ReplyDelete
  7. vhiel! OMG!

    It worked! It wasn't showing up in IE7 so I just opened it in Firefox and...

    Voila!

    Mwah! Mwah! Mwah! Thanks lady! :D
    ReplyDelete
  8. ~dette

    if you file that you have used for your icon is not a .ICO, it will not work on IE 7.0, but if you are using other browser like firefox and safari you should not have a problem.
    ReplyDelete

Don't forget to leave your comment. If you have a question you can email me at labyouqt@canofthoughts.com

Copyright 2009 -2011 @ CanOfThoughts.com. All Rights Reserved | Layout and Designed by: Designs By Vhiel