Friday, July 31, 2009

Changing the Blogger icon

In most cases the Blogger icon ruins some of the effect you are trying to create from your blog, thus changing the icon would be great addition. Heres how:

Create an image 20x20 pixels with your wanted logo. Check out some tutorials on making icons as an image shrunk to this size may look quite different than one intended. Save the image as a png file.

Upload the icon file to somewhere it is available online at all times, such as your homepage service (your ISP, geocities, etc.)

Go to Blogger Layout and select Edit Html. Add the following line to between the <title> and the <b:skin>:
<link href='URL to your image' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

It will for example look like this:
<title><data:blog.pageTitle/></title>
<link href='http://www.somewhere.com/myicon.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:skin><![CDATA[/*

This solution was found at http://isaacyassar.blogspot.com/2008/12/changing-blogger-tab-icon.html

No comments:

Post a Comment