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:-
- You have a picture that you would like to use as icon, preferably 16×16 px (depending on how large you want your icon to be).
- Make sure that the picture is saved in your hard disk
- Conversion of pics to icons can be done here.
- upload your picture from the HardDisk.
- Generate FavIcon.
- 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. - Extract favicon.ico from the zip file and rename it as per your convenience.
Now your icon is ready to be used
Option 3:-
- You have a picture that you would like to use as icon, preferably 16×16 px (depending on how large you want your icon to be)
- Download Irfan view from here and install. I personally prefer irfanview
- Open the picture you wish to use as icon in IrfanView
- 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
- Register with Ripway ORImgzhost.
- Go to MY FILES
- UPLOAD FILES.
- You shall the list of file(s) that you have uploaded.
USING ICONS IN BLOGGER
- Signin to Ripway.
- MY FILES will list all your files.
- Besides each file you will see a COPY link. This link will give you the path to acess the .ico files.
- Use that link in the <img src=”–YOUR ICON FILE PATH–“/> tag
- 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
I just went to ripway.com, but they do NOT support the “.ico” file type. I’m worn out and bedraggled trying to put a stupid little picture in IE. I’ve wasted too much time, PLUS, Blogger hasn’t invited me yet to migrate/upgrade to Beta.
Thank you very much for the information regarding Ripway. It looks like a good site, and the comment at the end was, “we’re working on adding new file types”. Perhaps they will in the future.
I’m mainly disappointed that I can’t override the stupid “E” for Explorer! 🙂
I am surprised.. diana..I checked again and again and again.. i uploaded one more .ico file.. wonder y u r not allowed.. anyway.. i will let you know if i come across any other site that allows ico upload.. take rest..feel fresh