How To add fav icon to your blogger
– Codes Fixed and 100% works
– 18,000+ Animated Favicons Source Added
favicon is very important now it’s a nice way to put your logo, or what ever you want. on the browser address bar.
if you don’t know what is the favicon.ico just look at the address bar at your browser now.
and you’ll see our logo added to it on the left. you can check the above image to know what are we talking about.
to do this you need to follow the next simple 4 steps. it’s too easy. so lets go.
– Before We Start:
– You need to be careful while changing your template.
– Before you make any changes, Back up your template and save it at safe place.
step 1: creat of choose your own icon.
step 2: Make your favicon.
step 3: Upload it.
step 4: Add a code to your blogger xml layout.
step 5: Enjoy.
first of all. you need to have an icon to display it as your blog favicon.
if you already have a logo. you ‘ll use it.
or you’ll need to find nice logo and suitable to your blog.
it may be a letter. or simple expressive picture. you can browse deviantart.com icons category to get inspired.
and here is sample icons may help you to Crate yours.
once you are done and picked you icon. you’ll need to move to the next step.
- 18,000+ Animated Favicons Source Added
That’s great and new source for free and animated icons, you won’t need to design your own icon and loos any time any more, thanks for iconj.com Go there and browse.
now you have to make your icon 16×16 pixels. I usually use photoshop to do it and save it as any image format. like [ jpg, gif, png, …..].
call it favicon.jpg , favicon.gif or favicon.png. just choose one format, not all of 3 types.
and we’ll use program called “imagicon” you can search Google to download.its free and only 950 KB.
setup the program and find the icon image that you made it and saved it by photoshop, favicon.xxx
load the image and choose 16×16 win32 icon. save it as .ico.
so it’ll be favicon.ico.
Recommended : it’s recommended to name your icon file – favicon.ico –
Use you favorite image upload or file service to upload you favicon.ico file.
and keep the url at save place cause we going to use it in step 4.
the url should be something like.
log in to your blogger account. Now find the blog you want to edit if you own more than one blog. And click “layout” table. then choose “Edit html”
Search for :
and just after it. past the next code
and instate of ‘URL of your uploaded icon file’ add the url that you uploaded your ico file to.
the code should be something like the next
Click save template button.
Now go to check your new blogspot browser address bar.
if you can’t see it please wait for awhile. some times it takes 2 days to appear. but not always.
if you have any problems please leave acomment.
Related Tricks & Tutorials
Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here