Steps to add static and animated Favicon in blogger Posted by VK18 on 7:04 AM 2 comments

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 .

Email Newsletter

Subscribe our daily newsletter us for Free Updates

Enter your email address...

Blogger widgets