How to Add a Favicon to your blog or website <ul><li>How to create a favicon free </li></ul><ul><li>How to host it for fre...
How to create a favicon <ul><li>Favicon is a special file format with .icon extension </li></ul><ul><li>There are lots of ...
How to create a favicon <ul><li>The first site given in lets you upload a image , crop it and adjust it a little and then ...
How to host it for free <ul><li>After you created the favicon you need to host it in some server </li></ul><ul><li>If you ...
How to host it for free <ul><li>If you are not very technically sound and then one of the best options available to you is...
HTML code to add the favicon <ul><li>Now that you created and hosted your favicon now its time to add it to your blog. </l...
Additional resources <ul><li>How to add a  favicon  in HTML </li></ul><ul><li>How to add a  favicon  in  blogspot </li></ul>
Upcoming SlideShare
Loading in …5
×

How To Add a Favicon to your Blog or Website

3,703 views

Published on

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

2 Comments
1 Like
Statistics
Notes
  • can you suggest me any wordpress plugin to add favicon to my blog http://mindbusterz.com/how-to-add-favicon-to-website-and-wordpress-blog/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Ed, thanks for your nice sharing on creating and using favicon. Here is another Favicon Generator ( http://favigen.com/ ) site that allows doing things easily. This is closer to your described first one- the www.genfavicon.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,703
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
7
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

How To Add a Favicon to your Blog or Website

  1. 1. How to Add a Favicon to your blog or website <ul><li>How to create a favicon free </li></ul><ul><li>How to host it for free </li></ul><ul><li>How to add it to your blog/website </li></ul>
  2. 2. How to create a favicon <ul><li>Favicon is a special file format with .icon extension </li></ul><ul><li>There are lots of website that let you create them for free </li></ul><ul><li>Below are two sites that I use to create favicon’s for my blogs </li></ul><ul><li>www.genfavicon.com </li></ul><ul><li>www.iconj.com/generator.php </li></ul>
  3. 3. How to create a favicon <ul><li>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 </li></ul><ul><li>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. </li></ul>
  4. 4. How to host it for free <ul><li>After you created the favicon you need to host it in some server </li></ul><ul><li>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 </li></ul><ul><li>Google pages is a good place to upload you .ico files for free </li></ul>
  5. 5. How to host it for free <ul><li>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. </li></ul>
  6. 6. HTML code to add the favicon <ul><li>Now that you created and hosted your favicon now its time to add it to your blog. </li></ul><ul><li>Go to the header section of your blog and add the following code ,” link href='your url' rel='shortcut icon' type='image/x-icon'/ “ </li></ul><ul><li>Replace ‘your url’ with the link to your hosted file and you should be done </li></ul>
  7. 7. Additional resources <ul><li>How to add a favicon in HTML </li></ul><ul><li>How to add a favicon in blogspot </li></ul>

×