How to add a favicon to your blog/site

Views:
 
Category: Education
     
 

Presentation Description

How to create a favicon , how to host it for free and the HTML code to add it to your blog or website

Comments

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