Saturday, October 16, 2010

Custom Favicon for Blogger

Well, it's kind of interesting because i was searching what more to do to customize my website, & found this topic.
It's really easy & not as hard as people (including me) had thought. Just that maybe to host a file takes a little bit of effort & googling =)

BTW, just in case some of you who didn't know, favicon is the little picture that you can see usually on the LEFT the URL on the address for blogspot, it's the orange-colored "B".

 The steps:

1. Upload any pictures to any favicon generator websites (the less complex the picture is, the better because it's only 16 x 16 pixels :p).

I used this website: Favicon Generator since it has a nice little trick of animating the favicon!~

2. Upload the custom favicon that you created in a website, i found that there's only a few that supported .ico files. I used this .. well, there are others, but i'm too lazy to try others :p (don't forget to copy the direct link or URL of the file)

3. Use this general code:
<link href='{image url}' rel='shortcut icon'/>
<link href='{image url}' rel='shortcut icon' type='image/'/>
<link href='{image url}' rel='icon'/>
<link href='{image url}' rel='icon' type='image/'/>

 Replace the "image url" above with the url obtained from Step (2)..

4. I'm assuming you already know where to go to edit the HTML of your Blogger (if not, it's under Design Tab *hint*)

Hit "Ctrl + F" and search for </body>

Then just copy & paste the "editted" code in step 3 to a line ABOVE the </body>

Finally, save & see your blog...

Depending on your browser, it may take a while to see, but mine works instantaneously :)


No comments:

Post a Comment