INDEX ADBRITE

 

How to change your Blogger blog's Default icon


It's simple, just follow these simple steps below!
First, choose a.png file (of any size) that you deem nice enough to put as a blog icon.
Then, upload the.png tohttp://html-kit.com/favicon/-/selpic-2/ and download the resulting file in.ico
format.
After downloading the.ico file to your computer, upload it tohttp://picpanda.com/ or
http://imageboo.com/, and obtain a direct link for the file after it is uploaded into the website's storage.
Log into your Blogger account and select: Dashboard>Layout>Edit HTML.
You will see a window with all the HTML mumble-jumbles you do not understand. Fret not, you only need
to find the code right at the top, that should look like this:
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
After the line of code:
<title><data:blog.pageTitle/></title>
on the next line, type:
<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Make sure not to simply copy this exactly, but actually put your icon’s URL in, instead of the words ‘URL
of your icon
The whole thing will look like this:

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:skin><![CDATA[/*
Here is a sample of the code:
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='http://www.picpanda.com/images/123456789abcdefg.ico' rel='shortcut icon'
type='image/vnd.microsoft.icon'/>
<b:skin><![CDATA[/*
Click to save your new template and you should see the new icon next to your blog's address!
PS: If the above codes do not work, try inserting this code instead:
<link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/>