How to add cute favicon for blogger

By this useful article you teach that how to add cute favicon for blogger. Now I want to introduce that favicon is a tiny icon (Image) showed at the start of the address bar of the browser. Favicon have some names like, Pageicon, Favourite Icon, URL icon and Favourite icon. The main benefit of making a favicon is that it makes easier to find out your blogger blog. When somebody try to insert your blogger blog to their favorites or bookmarked it. Once you have designed your icon, save it as an image file. Next, go on to the free online Favicon  and upload image from your computer and  select icon size 16x16 and generate it with carefully. When you will see the URL of your icon and download it in your computer. For further information you can take free URL image services from popular Windows Live SkyDrive offered you 25 GB free space service and  other http://www.iconj.com/generator.php  really both are nice services in this regard. Finally upload your blogger icon in these services free and get your Image URL. Now I describe step by step suggestions and tips that how you generate URL of your image and how to add favicon in your blogger blog. You can read also about Favicon like: blog favicon, blogger favicon code, cute favicon for blogger, cute favicon for blog.

1.  First go to this site click here and generate URL of your image and make it easy for more guidance see the picture has given below:

  

2.  Now sign in your blogger blog and go to Dashboard and then Layout and Edit HTML and press (Ctr+F) command and search the following codes.

 
<b:skin> or <title><data:blog.pageTitle/></title>

 In view of the above codes if you have SEO  title tag search the code where it is placed correctly for more  guidance look the picture has given below:

  

3. Now add the following code lines before the codeline <b:skin> or after the <title><data:blog.pageTitle/></title> see the codes has given below and for more guidance see the picture above for the right place of following codes.

 <link href=' Icon File URL' rel='shortcut icon'/>
<link href=' Icon File URL ' rel='icon'/>

 In view of the above code change (Icon File URL) in green colors of the above code and then save your template and view your blog and check that favicon is  looking in the address bar of your browser. 

If you like above article leave your comments.