Search the web with Google

Android install

Android installation weblog


Enter your email address:


Jeroen´s weblog

Ubuntu install

Ubuntu installation weblog


Saturday, October 2, 2010

A favicon of your own in Blogger

To make an own favicon for your blogger website follow this tutorial:

First, choose a.png file (of any size) that you deem nice enough to put as a blog icon.
Then, upload the.png to
http://html-kit.com/favicon/-/selpic-2/ and download the resulting file in.ico
format.
After downloading the.ico file to your computer, upload it to http://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


(in this example the ( represents < and the ) represents > )


(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)

insert:
(link href='http://yoururl.com/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/)

(change ( for <  and ) for >

Now you should see your own favicon.

Instead of the .ico you could also use the animated_favicon.gif

No comments:

Post a Comment