Wednesday, January 12, 2011

HOW TO CHANGE BLOGSPOT ICON AT ADDRESS BAR

The following tips are about how to replace the standard icon blogspot in the address bar into a personal icon. This is an additional creativity you can do for your blog. The goal is actually to your own unique blog identity. You would be satisfied because your blog can be different than the other standard blog, right?

Well, the first is you try to look at the picture below. That is what we mean by the standard blog icon in the address bar. In general, the site has the address bar icon on their own. Look at Google, Yahoo, Youtube and other sites. They have nice icons for their sites. Certainly very interesting, if we can change the icon address bar of our blog.


Basically, to change the icon in the address bar on Blogspot is by adding special HTML code, which is inserted into the HTML blogspot. The HTML code is as follows.


<link href='http://img146.imageshack.us/img146/8137/iconblogspotc.png' rel='SHORTCUT ICON'/>

Look at writing letters in red. Writing letters is the address URL of your image. If you have the address of the image itself, replace the letter with yours.

If you do not have the image address. The next step is, specify the icon image that you want to install. The picture resolution of about 24X24 pixels. Actually, any size available, but if too large will make the loading icon to your blog to be long. Image format can be jpg, bmp, png or other.

After that upload images to your image hosting site, so you get the address of the URL of your image. As an alternative, you can upload to imageshack or blogspot.

After that replace the HTML in red letters with the address URL of your image. For installation on blogspot is to go into HTML edit menu. You can just go to menu "Design" your blog, then go to "Edit HTML".


Discover the html code </head>, and paste the HTML code for the modification of the icon above (before) code </head>. Look the picture below.


When finished insert HTML code like the picture above, then click save. After that open your blog to see the results. Congratulations, now your blog icon in the address bar changes to your own icon. Here the example of the result, the icon Blogspot has change!

0 comments: