INDEX ADBRITE
How to change your Blogger blog's Default icon
Posted by anonymous in Blogspot tricks, Web Developer tricks, Web tips and tricks on Friday, July 9, 2010
It's simple, just follow these simple steps below!
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[/*
<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[/*
<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'
<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'/>
This entry was posted on Friday, July 9, 2010 at 11:14 PM and is filed under Blogspot tricks, Web Developer tricks, Web tips and tricks. You can follow any responses to this entry through the RSS 2.0. You can leave a response.
- No comments yet.