Headlines News :
Bohol Education Supplies
stall #45, Mega Market
Poblacion, Talibon, Bohol
0923-888-2011
0918-733-3385
0917-110-1427
(038) 510-7540
Home » » Adding Favicon

Adding Favicon

How to Create Favicon

Favicon is a small icon(image) displayed at the beginning of the address bar of the browser.It is also called Favorite Icon,Pageicon and urlicon. Look like this

How 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. Click Start >> run >> type the word "mspaint". After you open the picture you what to convert. Click Fille >> save as >> select JPEG (*.JPG, *.JPEG, *.JFIF)



Then search into www.google.com . Search for "online icon generator". 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]

Now. Go to your blogger dashboard > >layout >> Edit html >> (check) Expand Widget Templates

and look for this code

<title><data:blog.pagetitle/></title>

And add this code

<link href='icon file url' rel='shortcut icon'

type='image/x-icon'/>


Replace the 'icon file url' with the url of your icon file.(ex. http://.......ico)

Your code will look like this.


<title><data:blog.pagetitle/></title>

<link href='icon file url' rel='shortcut icon'

type='image/x-icon'/>

<b:skin><![CDATA]

Note: you can save you icon image in a free storage example is www.geocities.com


Bohol Technical Support
feel free to comment us if you have suggestion / comment
from: Bohol Technical Support
Share this article :
 
Support : Creating Website | Neil Auza | Neil Auza
Copyright © 2016. Bohol Educational Supplies - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger