Steps to add static and animated Favicon in blogger

label
label
Favicon : also known as favorite icon for your blogger/website. you can view the favicon in many blogger/website at the top-left of the blogger tab,by default icon will be blogger you can change the icon to animated as a website/blogger icon , bookmarking icons .

Look at the below two images . first one is default and the second one is changed icon 


Steps to add animated favicon in blogger blog :
  • Goto Blogger -> Layout ->Edit Html -> click on the expand widget template .
  • paste the below code after </b:skin> and before </head> tags (Look at the below image for better understanding)

<link href='URL of .ico file' rel='shortcut icon' type='image/x-icon'/>
<link href='URL of animated .gif file' rel='icon' type='image/gif'/>


NOTE :
  • Animated favicon require .ico file and animated gif files , you need to upload and paste those URL in between the codes.
  • Animated icons will work in Morzilla and netscape , other browser wont support animated icon.

Steps to add static favicon in blogger blog :
  • Goto Blogger -Layout -> Edit Html -> click on the expand widget template
  • paste the below code above </b:skin>
<link href='ADD YOUR FAVICON LINK HERE' rel='icon' type='image/gif'/>
  • Preview and Save.

Alternate method to add static/animated favicon in blogger blog :
  • Goto Blogger -> Layout -> in the layout you can see favicon element (layout top left)
  • Click on the edit and upload the image .
  • Preview and Save .

Credits :

i would like to thank betatemplates and myblogger tricks for sharing this awesome trick .
Share This :



sentiment_satisfied Emoticon