14 de febrero de 2007

How to add an icon to your blog on the address bar



If you ever wondered how to do this, here's the trick broken down for blogger users at least.
First you want to select an image, like a logo a picture, whatever you'd like your icon to be. Then you visit this really awesome site: http://www.html-kit.com/favicon/

Just follow the easy steps to make your image into an icon, download the file, unzip it and be sure to know where you put it. Now, you need to go and upload it somewhere that will allow *.ico files (if you want transparency on your icon, like mine)

I recomend googlepages to host this small file, if you already have gmail or a google account (also blogger now) just activate this service and you'll have this set up. Now you can procceed to add the code to your template. Youll have to make sure to add it between these two tags: <head> </head>

Code:


</link href='http://enriquevw.googlepages.com/transparent.ico' rel='shortcut icon' type='image/x-icon'/
>

</
link href='http://enriquevw.googlepages.com/transparent.ico' rel='icon' type='image/x-icon'/>


The highlited in orange is what you want to add for your own icon, depending on where you uploaded it.
Save your changes now and your icon should appear on your browser.


References:

Mighty Hitter
Carlos Mal Pacheco (code)

No hay comentarios.: