0
Have you ever seen an icon image on your URL address just like the famous google and amazon? Do you want to change your Blogger icon into your own icon like in this image?
Isn't it cool to have your own personalize image appear in front of your own blog or website address The icon preceded to the URL address is usually called FAVICON (read:fav-eye-con). Favicon can be an identity of a company which is implemented in a blog or a website.
There are only 3 simple steps to create favicon. Want to give it a try?
Okay, let's start!
Step 1.
Make sure your image that you want it to be a favicon has been converted as .ico file, common size 16x16. You can convert the file using one of these free softwares, get them for free:
- Sib Icon Editor
- Icon FX
If you use Adobe Photoshop, be sure to install ico format plugin that you can download for free in Icon Plugin There are also hundreds free beautiful icons in Favicon Generator & Gallery ONLINE - that you can edit for your favicon blog or website.
Step 2.
You need to have an account like google page creator to store an image or file. You may want to register to google page creator and upload your new favicon.
- Log in to your Blogger dashboard.
- Go to Layout > Edit HTML
- Add below code (one of) between <head> and </head> or after <head>
- Change your account with the name of your account when registering in google page creator
- Change Favicon.ico with the name of your icon file
Example:
- Account in Google page creator : benny.ayong
- Name of Favicon uploaded : bloggertutorial1.ico
Step 3.
Save your template and click view blog. If your favicon does not appear, refresh it (F5).
Posted on 12:28 AM
and filed under
Blogger Tips and Tutorials
Have you ever seen an icon image on your URL address just like the famous google and amazon? Do you want to change your Blogger icon into your own icon like in this image? Isn't it cool to have your own personalize image appear in front of your own blog or website address The icon preceded to the URL address is usually called FAVICON (read:fav-eye-con). Favicon can be an identity of a company which is implemented in a blog or a website.
There are only 3 simple steps to create favicon. Want to give it a try?
Okay, let's start!
Step 1.
Make sure your image that you want it to be a favicon has been converted as .ico file, common size 16x16. You can convert the file using one of these free softwares, get them for free:
- Sib Icon Editor
- Icon FX
If you use Adobe Photoshop, be sure to install ico format plugin that you can download for free in Icon Plugin There are also hundreds free beautiful icons in Favicon Generator & Gallery ONLINE - that you can edit for your favicon blog or website.
Step 2.
You need to have an account like google page creator to store an image or file. You may want to register to google page creator and upload your new favicon.
- Log in to your Blogger dashboard.
- Go to Layout > Edit HTML
- Add below code (one of) between <head> and </head> or after <head>
<link href='http://youraccount.googlepages.com/favicon.ico' rel='shortcut icon'/>or
<link href='http://youraccount.googlepages.com/favicon.ico' rel='icon'/>P.S:
- Change your account with the name of your account when registering in google page creator
- Change Favicon.ico with the name of your icon file
Example:
- Account in Google page creator : benny.ayong
- Name of Favicon uploaded : bloggertutorial1.ico
<link href='http://benny.ayong.googlepages.com/bloggertutorial1.ico' rel='shortcut icon'/>
Step 3.
Save your template and click view blog. If your favicon does not appear, refresh it (F5).
Share and Enjoy :
Post a Comment