Creating & Uploading icons to be used in blogger

Blogger allows to add pictures to our posts. But for more graphic savy enthusiasts uploading .jpg,.gif etc will not guarantee satisfaction. Blogger does not allow to upload icons. This quest landed me here.Thanks to Improbulus. A careful reading through the post enlightened me about the procedure for creating & uploading icons.

1. CREATING ICONS

2. UPLOADING ICONS

3. USING ICONS IN BLOGGER

CREATING ICONS


Option 1:-

Icons can be created in the systematic manner using Online fav-icon creator or any Icon creator.

Option 2:-

1. You have a picture that you would like to use as icon, preferably 16x16 px (depending on how large you want your icon to be).


2. Make sure that the picture is saved in your hard disk


3. Conversion of pics to icons can be done here.


4. upload your picture from the HardDisk.


5. Generate FavIcon.


6. As soon as the icon is generated - Download FavIcon.
   It is usually downloaded as .zip file and the icons are always named as favicon.icon.


7. Extract favicon.ico from the zip file and rename it as per your convenience.

Now your icon is ready to be used

Option 3:-

1. You have a picture that you would like to use as icon, preferably 16x16 px (depending on how large you want your icon to be)


2. Download Irfan view from here and install. I personally prefer irfanview


3. Open the picture you wish to use as icon in IrfanView
4. FILE -- SAVE As ---save as .ico file

Now your icon is ready to be used

UPLOADING ICONS

Many webhosting services donot allow hosting of .ico files. After neckbreaking googling I narrowed down on Ripway and Imgzhost These are free file hosting & sharing service

1. Register with Ripway ORImgzhost.
2. Go to MY FILES
3. UPLOAD FILES.
4. You shall the list of file(s) that you have uploaded.

USING ICONS IN BLOGGER

1. Signin to Ripway.
2. MY FILES will list all your files.
3. Besides each file you will see a COPY link. This link will give you the path to acess the .ico files.
4. Use that link in the <img src="--YOUR ICON FILE PATH--"/> tag
5. If you see that your icon is showing border while on display in the browser just use this instead
   <img style="border:none;" src="-YOUR ICON FILE PATH-"/>

voila..you are using icons in your blogger posts. Hope this was helpful. Donot forget to backlink this post in your blog. A little appreciation goes a long way