Little by little
Every once in a while when you stop by this page, you ve probably wondered about the twinkling icon in your url and how it stays up there twinkling away to glory. Well, guess wat? Here's an easy to follow tutorial just how to get your own icon alongside ur blog address.
Stay signed in to blogger throughtout - makes less work.
Click on template and then find
This is how it would go in:
Now save but don't republish yet cuz you want your own icon.
In another browser window, sign up for an account with a free host like geocities, angelfire or bravenet. I recommend geocities since its the easiest to use.
Now that you have a username go to the blog template and replace infanciac with your username. <link rel="Shortcut Icon" href="http://www.geocities.com/your username/star.gif">
Save.
If you plan on making your own icon keep it at a height and width of 16 x 16 pixels. If you don't, go search for one. Google 'free icons'. When you find what you want, right click and save it.
Now upload this image to the free host account you just signed up for. Next go back to the blog template to replace star.gif with the name of the image you' ve just uploaded. (e.g. tyre.jpg)
So
will be
Save and preview. Your bright new (or gothic and dull) icon should appear beside your url address.
P.S: the above also works for websites.
Stay signed in to blogger throughtout - makes less work.
Click on template and then find
<head>
Insert the following:
<link rel="Shortcut Icon" href="http://www.geocities.com/infanciac/star.gif"> This is how it would go in:
<head><link rel="SHORTCUT ICON" href="http://www.geocities.com/infanciac/star.gif">
<title><$BlogPageTitle$></title>
Now save but don't republish yet cuz you want your own icon.
In another browser window, sign up for an account with a free host like geocities, angelfire or bravenet. I recommend geocities since its the easiest to use.
Now that you have a username go to the blog template and replace infanciac with your username. <link rel="Shortcut Icon" href="http://www.geocities.com/your username/star.gif">
Save.
If you plan on making your own icon keep it at a height and width of 16 x 16 pixels. If you don't, go search for one. Google 'free icons'. When you find what you want, right click and save it.
Now upload this image to the free host account you just signed up for. Next go back to the blog template to replace star.gif with the name of the image you' ve just uploaded. (e.g. tyre.jpg)
So
<link rel="Shortcut Icon" href="http://www.geocities.com/infanciac/star.gif">;
will be
<link rel="Shortcut Icon" href="http://www.angelfire.com/your username/tyre.jpg">Make sure the image format entered is correct. If the image has a .jpg extension thats what you type in at the end of the image name. Mine has a .gif extension so thats what I typed in, that is star.gif. Note: The image doesn't have to end with a .ico extension.
Save and preview. Your bright new (or gothic and dull) icon should appear beside your url address.
P.S: the above also works for websites.
posted by angeldust_xtc at 6/02/2006 09:44:00 pm
<< Home