Change Icon in Blog

Change Icon in Blog with Favicon

Favicon is a small icon image that is displayed in the address bar and browser tabs.

With the favicon is indeed seem attractive, even we can memorize a web site with just seeing his favicon, if we have a lot of bookmarks in our browsers, so we'll see a wide range of favicon there.

So how do I display the favicon?

First, you must have a picture of extension .ico, the standard size is about 16X16px, graphics program like Photoshop or Corel Draw can create this file type, but if you want the fast food you can download from freefavicon ( , you can attract hundreds favicon found there.

If you've found that you like, download and save the icon into your computer with the name "favicon.ico"

Next to the html document to display this icon, we must add the following code between tag elements <head> and </ head>:
<link rel="shortcut icon" type="image/ico" href="favicon.ico">
Once inserted into the html document it will be as below:
Titel <title> My Website </ title>
<link rel="shortcut icon" type="image/ico" href="favicon.ico">
<p> Using Favicon in blog</ p>

Open Notepad and copy the code above and save to your computer with the name "testicon.html" do not forget to store it in the same folder as favicon.ico earlier.

Furthermore, with the browser open the file "testicon.html" is, so if you do it right then the favicon will appear in the address bar and browser tabs.


Post a Comment