Contact Us

Name

Email *

Message *

Templates[dark](3)

Hot News[slider]

Download[two]

Free Widgets[hot](3)

Blogger Hack[three](3)

Trafic Tips[oneleft]

Twitter Tools[oneright]

Free Ebooks[combine]

Tabs

Flexible Home Layout

Hot in week

Sub menu section

Main menu section

RSS Subscription

Subscribe via RSS reader:
Subscribe via Email Address:
 

How to add Favicon to blogger

Posted By ABDELKADER BEN BRAHIM On 1:21 PM Under
or those who don't know what Favicon is 'Favicon is a small icon(image) displayed at the beginning of the address bar of the browser.It is also called Favourite Icon,Pageicon and urlicon.

The main advantage of creating and using favicon is ,it makes it easy to find your blog or site when someone favourited or bookmarked your site/blog among several other sites.


favicon Most of the people use 16*16 pixel favicon(you can also use 32*32 pixel favicon) with ".ico" format.But,you can also use gif,png(image formats) aswell.

So,ready to create a favicon?
All you need is a program to create a favicon in (.ico) format.If you haven't a program to create in .ico format,No Problem....you can also use png or gif format.If you have Photoshop, or any other programs like that,open it and create a 16*16 image and save it as .png or gif format [look at the below screenshot below] or there are so many online sites which can create a favicon for you,just search by typing'free online 16*16 icon generator' in google.They ask you to upload a picture from your desktop,and they convert it into 16*16 .ico file.

save the image in png format So,Now your icon is ready...You are just a few steps away from creating a beautiful favicon for your site...

Now,go to Google Page Creator
and upload your icon file by clicking on the upload link(look at right side) and browse the file and note down the url of the file by clicking on the file.[see the screenshots below]


note down the url
Now,go to your blogger dashboard>layout>Edit html[look at the below screenshots]


and look for this code(it is at the top the template)




and add the below code just after the above one[as shown in the below screenshot]



replace the 'URL OF YOUR ICON' with the url of your icon file.(like http.......ico)
That's it! Now you can see a beautiful favicon in your blog.

Share on facebook