| 0 comments ]
How to change the address bar icon on blogspot? Perhaps the question often comes into our minds when we first create a blog.  


When you first create a blog, then the icon that appears in the address bar is the default icon from blogspot like this: 



Maybe you do not like the default view from Blogspot and want to replace it with your own picture? How do I replace it? It's easy and of course you can replace the icon with the image you like, such as those associated with the topic of your blog.

Ok, how to do it?
First you have to do is create an image that will be used as icon in the address bar, image formats can be GIF, JPEG, ICO, and others. But I suggest you to use the GIF format. Draw a picture of the size 24x42 pixels or 32x32 pixels.

After completing the first step, then the next step is to upload the image to image hosting sites like Photobucket or ImageShack. In this tutorial, I use imageshack to save my image file. After the image is uploaded, we'll get some links that can be used in accordance with needs. To use the picture on the address bar, all we need is a direct link from the image. Examples of the direct link to image uploads to ImageShack is as follows:

http://a.imageshack.us/img831/1048/3109c.gif

Ok, the second step has been completed and the next is the last step is placing the code or direct link these images to the blog. Please login first to Blogger.com so that you can access your blog's Dashboard. Later in the Dashboard, select the Design tab. In the Design tab, please you select the Edit Html then on your monitor screen will display your blog's source code. What to do next is to find the following code:

]]></b:skin>

Been met? If you have found, the next is to type the following code under the code earlier.

<link rel="shortcut icon" href="http://a.imageshack.us/img831/1048/3109c.gif"/>

Thus, the final look of your blog in the source code is as follows: 

]]></b:skin>
<link rel="shortcut icon" href="http://a.imageshack.us/img831/1048/3109c.gif"/>

Replace the code that is green with a direct link images belong to you. When finished, click Save Template and see the results. Good Luck!


0 comments

Post a Comment