How to Add a Favicon to Your Blog/Site

Download as
 PPT
Presentation Description 

How to create a favicon , how to host it for free and the HTML code to More

Views: 33
Like it  ( Likes) Dislike it  ( Dislikes)
Added: March 27, 2009 This Presentation is Public 
Presentation Category : Education All Rights Reserved
Presentation Transcript

How to Add a Favicon to your blog or website :How to Add a Favicon to your blog or website How to create a favicon free How to host it for free How to add it to your blog/website


How to create a favicon :How to create a favicon Favicon is a special file format with .icon extension There are lots of website that let you create them for free Below are two sites that I use to create favicon’s for my blogs www.genfavicon.com www.iconj.com/generator.php


How to create a favicon :How to create a favicon The first site given in lets you upload a image , crop it and adjust it a little and then generates the .ico file for you The second site lets you upload an image and then generates a link for you to add to your blogs. They doe’s the hosting for you as well , so convenient for users who don’t have a sound technical knowledge.


How to host it for free :How to host it for free After you created the favicon you need to host it in some server If you have your own server then you can just upload the .ico file , else you can choose a free image uploading site that lets you upload .ico files Google pages is a good place to upload you .ico files for free


How to host it for free :How to host it for free If you are not very technically sound and then one of the best options available to you is use the free hosting provided by iconj , they lets you create the favicon and does the hosting for you as well.


HTML code to add the favicon :HTML code to add the favicon Now that you created and hosted your favicon now its time to add it to your blog. Go to the header section of your blog and add the following code ,” link href='your url' rel='shortcut icon' type='image/x-icon'/ “ Replace ‘your url’ with the link to your hosted file and you should be done


Additional resources :Additional resources How to add a favicon in HTML How to add a favicon in blogspot