Focus Blog

Change your Favicon

Tuesday, August 10, 2010 , Posted by Shan at 6:46 AM

What is a Favicon?
A favicon is a small 16X16 image located at the top of your browser in the url bar.

How to Change your Favicon
First go to Layout >Edit HTML in your Blogger Dashboard.

Backup your existing template before making any changes!

Place the code below directly below the tag in your template.


 <link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon' /> <link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='icon'/>  

Now save your template.

Once your template is saved view your blog and make sure to refresh the page and delete your cookies.

Creating your own Favicon

Replace the image URL (2X) with your own 16 pixel by 16 pixel image hosted on the internet.
http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico
You can host your own favicon blogger image at sites such as ImageShack; PhotoBucket; Flickr; etc.
Check out this Favicon Generator Tool which allows you to upload an image and it will format it for you!

Currently have 0 comments:

Leave a Reply

Post a Comment

back to top