How to add favicon?
How to create favicon for blog?
Here is a simple way to create a favicon for your very own blog!
Firstly, an icon is required. You can either use an online icon creator (which I think is not user-friendly) or Photoshop.
Once you've designed your icon, save it as an image file. Next, proceed to the online icon generator to generate the icon. There, upload your saved favicon image, select icon size 16x16 and generate it. Once it's done, download the icon into your computer.
Then, upload the downloaded .ico image file to the Internet, use Windows Live SkyDrive or any image uploader that supports icon, and get the icon URL there.
Attention: To get the right icon URL after uploading to SkyDrive, keep clicking on the image until it appears on the browser by itself. Then copy the URL from the address bar.
Next, follow this instructions.
Then, copy and add the code below the line and replace "your favicon URL" with your favicon's URL.
Save it and have a look at your blog. You should be able to see your small Favicon next to your blog address.
Take note: If you're using older versions of Internet Explorer, you might not be able to see the icon. Firefox on the other hand shows the icon well in bookmarks, URL addresses and tabs.
Hope you'll like it. Feel free to ask if you've any doubts. =)
How to create favicon for blog?
Here is a simple way to create a favicon for your very own blog!
Firstly, an icon is required. You can either use an online icon creator (which I think is not user-friendly) or Photoshop.
Once you've designed your icon, save it as an image file. Next, proceed to the online icon generator to generate the icon. There, upload your saved favicon image, select icon size 16x16 and generate it. Once it's done, download the icon into your computer.
Then, upload the downloaded .ico image file to the Internet, use Windows Live SkyDrive or any image uploader that supports icon, and get the icon URL there.
Attention: To get the right icon URL after uploading to SkyDrive, keep clicking on the image until it appears on the browser by itself. Then copy the URL from the address bar.
Next, follow this instructions.
- Go to your Blogger dashboard
- Click manage: Layout
- Click 'Edit HTML' below the Layout tab
Then, copy and add the code below the line and replace "your favicon URL" with your favicon's URL.
type='image/vnd.microsoft.icon'/> |
Save it and have a look at your blog. You should be able to see your small Favicon next to your blog address.
Take note: If you're using older versions of Internet Explorer, you might not be able to see the icon. Firefox on the other hand shows the icon well in bookmarks, URL addresses and tabs.
Hope you'll like it. Feel free to ask if you've any doubts. =)
8 comments:
thanks! you've been a great help! I just did mine!
Thanks for tips.It saved me so much time.
rossie_jordan@yahoo.com
Really simple tip just now i did for my blog..
Thanks....
Thanks so much! I've been looking for articles teaching how to do that and this one is the only one I found that makes it sound really simple. :) Thank you! I'll be trying it soon. :)
Efrat K
I am such a novice at this blogging lark...but it worked for me!! Thank you thank you!!
Thank you so much!
Finally an easy description that actually works!
I always wanted a favicon for my blog... Thanks!!
Thanks so much for the tip
all i now need is a favicon that's catchy, simple and representative...
mucho easier said than done.
Post a Comment