Pages

Tuesday, April 19, 2011

Add icon to blogger - blogspot (hosted on Google) that shown in address bar

Update 12/10/2011: More faster way
Go to blogger.com. Click on your blog > Click Design > You will see a text: "Favicon". Click on the link "Edit" beside the text "Favicon". Now you can upload your icon to blogger.
 Update 7/11/2011: A simple and fast way!
Simply goto draft.blogger.com. Click on your blog > Click Layout > You will see a favicon. Click Edit and upload your new favicon. Finish.

 You dont need read the way below because the above way is simply and fast.
It's great! I found it and share you how to add icon to blogger - blogspot (hosted on Google) that shown in address bar. This icon is called 'favicon' - i think it means 'favourite icon'.

1. Make your favicon.
 You can make favicon online with some website:


Or you can learn how to make a favicon in this video

Creating a Favicon Step By Step (Paint.Net) 


You can download Paint.Net here or homepage
 2. Upload your favicon to the web
You can upload to your host. I upload it to google sites.

3. Go to blogger Dashboard > Design > Edit Html

Way 1:Find this code
<b:skin><![CDATA[/*



Add this code before the code above

<link href='URL OF YOUR FAVICON FILE' rel='shortcut icon' />
(Replace URL OF YOUR FAVICON FILE with url of your icon)
Add icon to blogger - blogspot (hosted on Google) that shown in address bar- way 1
Way 2:find this code



and paste this code after code above
<link href='URL OF YOUR FAVICON FILE' rel='shortcut icon' />
Like this: 
Add icon to blogger - blogspot (hosted on Google) that shown in address bar -way 2


Save template and you get your favicon on the address bar

6 comments: