Example:
Without Icon
With Icon
We have all seen the icons that appear next to the address bars on some websites, and the logos that appear on the bookmark list when you bookmark the websites. If you use Firefox, you will see the icon appear on that tab bar.
But have you ever wondered how it’s done? Here’s how to add it, and I’m going to try to make it as easy as possible for you to implement it on your own website or blog site.
So here is how you add it to your website
1. Find a picture you want to use, and make sure it’s something that looks good at 16 x 16
2. In order to make the image appear on the website, it has to be in a icon or .ico format. You can use a image editor program to do it, such as Irfanview, or you can follow this link to html-kit, and use their FavIcon from pics Generator. A website that lets you create your own Icon, is http://www.favicon.cc/ . You can just draw in the icon you want and download the picture. and it gives you a live view of the icon you are drawing, underneath the input area.
2a. If you used Irfanview – all you need to do is open the picture in the program, Press Ctril + R. Then look at the bottom of the screen for Preserve Aspect Ratio and un-check it. Then set the width and the height to 16. Press ok, and then Press S to save it, and under the filename you will see a box that says Save as type. Change this to ICO – WIndows ICO and save it as favicon. ( You can use different names for this icon, I just prefer to use favicon )
2b. If you used Html-kit, just click Browse in the Source Image box, and find the image you want to use, and then click generate FavIcon.ico. Then on the next page click Download Favicon.ico. The file is zipped so you need to use a program to uncompress it. If your computer doesn’t automatically open the file, then I recommend using IZArc.
3. Once you have the picture converted to an .ICO file, you need to upload it to your website. I prefer to put the favicon.ico file in the root directory of the website.
4. Now that it’s on your website, you need to add 2 lines of html code to header part of your website. If you use WordPress, this is how you add it.
4a. WordPress – Log into the WordPress back office, and click on Presentation. Now goto Theme Editor, and on the right hand side under theme files, you want to locate Header and then click on it. Once it opens you want to find the last <link rel= Line then copy and paste these 2 lines in. Remember to put in your website address, and the name of the icon if you changed it to something other than favicon.ico
<link rel=”icon” type=”image/x-ico” href=”http://www.yourwebsite.com/favicon.ico” />
<link rel=”shortcut icon” type=”image/x-icon” href=”http://www.yourwebsite.com/favicon.ico” />
The reason I type out the full address to the FavIcon is because of a bug in some wordpress themes. I have noticed that if you just use /favicon.ico, that sometimes the icon will only appear on the home page and not appear on other pages.
The first link rel line adds the Icon to Address bars, and Firefox Tabs,
The second link rel line adds your icon to a users Bookmark list.
MVLZfk cnqflcyrcvcb, [url=http://ivphakouqmox.com/]ivphakouqmox[/url], [link=http://ikkwxezjqalv.com/]ikkwxezjqalv[/link], http://dqsqlhzclobh.com/
Superb webpage, keep me personally through checking it, I am seriously interested to learn more about it.
I really enjoyed your articles and the look and feel of your webpage in general. I just thought I would let you know.
wow, awesome post.Much thanks again. Much obliged.
Great text and nice site.
Nice! $$$,Make Big Money,Free get IPOD,Gifts card.Please visit http://bit.ly/bqvpZM
Ooohh, I have a very good make money plan and I’m looking for downline promotional partners.Please send an email to disopalu@gmail.com
Nice site and great text.
We are conducting a survey. Your carriage to [url=http://pharmacyon.host-sc.com/buy_revia_en-us.html]alcohol?[/url]
I thought it was going to be some boring old post, but it really compensated for my time. I will post a link to this page on my blog. I am sure my visitors will find that very useful.
Do you have nymoreof this?
I can guess the hard work it must have been needed to research for this post.All what i can say is just keep Publishing such post we all love it.And just to bring something to your notice,I have seen some blog providng your blog as source for this information.
Cool site!!
I hope you will keep updating your content constantly as you have one dedicated reader here.
It?s a great web site you have listed here,
Actuellement, digihedo
Excellent content. Thanks for posting.
I’ve been trying to earn a living online for a few years. I was thinking about trying this program called blogging to the bank. Have any of you tried it? Here’s where I found it —> link.
I’ve been trying to earn a living online for a few years. I was thinking about trying this program called blogging to the bank. Have any of you tried it? Here’s where I found it —> link.
Hi I was just wondering If someone could help me out with this problem, I view this blog a bit but sometimes the background stuffs up and I cant read the text. PLease help me
Many people believe that recovery is a burden, but I as a pleasure.
I love your website! did you create this yourself or did you outsource it? Im looking for a blog design thats similar so thats the only reason I’m asking. Either way keep up the nice work I was impressed with your content really..
I begin by taking. I shall find scholars later to demonstrate my perfect right. Frederick (II) the Great-
Wonderful article, I agree with what you said! San Diego Auto Body 4600 30th St San Diego, CA 92116 (858) 947-3777
Great site and nice text.
The Zune concentrates on being a Portable Media Player. Not a web browser. Not a game machine. Maybe in the future it’ll do even better in those areas, but for now it’s a fantastic way to organize and listen to your music and videos, and is without peer in that regard. The iPod’s strengths are its web browsing and apps. If those sound more compelling, perhaps it is your best choice.
Great website I truly have gotten lots of information from it . I have been lurking for a while so this is my first post I hope somebody here can assist me I want to create a avatar for myself to make use of on Facebook and Twitter what is the best software to make use of. I really can’t afford to pay any funds is there something out there that will produce a high top quality avatar for free of charge?
Fantastic site I truly have gotten lots of info from it . I have been lurking for a while so this is my initial post I hope somebody here can help me I want to create a avatar for myself to utilize on Facebook and Twitter what is the finest software to use. I really can’t afford to pay any money is there something out there that will produce a high quality avatar for totally free?
I really enjoy your blog. Could let me know how I can go about subscribing with it? By the way I stumbled upon your blog through Aol.
Great text and nice blog.
Thanks for the info. I love reading about subjects like How to create a Tab Icon for your website |. Will bookmark!
That is very sublime stuff. Never new that beliefs could be this varied. Thanks for all the enthusiasm to extend such helpful information at this site.
Здравствуйте дорогие господа
Недвижимость и бизнес в Ростове на Дону
Предоставляя клиенту большую свободу, именно услуга – квартиры в ростове на дону посуточно дешево, разрешает существовать в обычном для себя распорядке, без временного ограничения или привязанности к работе разных обслуживающих служб. Согласитесь, это довольно важно. Конфиденциальность как характерную черту даже при намерении аренда посуточно в ростове на дону, главным образом признают заграничные туристы. В соответствии с недавно опубликованным сведениям, преимущественно иностранные коммерсанты создают до 30% арендаторов предложения посуточная аренда квартир в ростове на дону, всего 20% составляют приезжие и 14% относится к клиентам интернациональных симпозиум, проходящих в Ростове на Дону.
С уважением ваш друг Николай
Welcome to our site, devoted to topics Porno, Cars, Cigar http://www.kobra.com
haha you are correct I agree with you on all of your points.There are a few, however, that I couldnt agree on though.
I apologize for the possible off-topic. Guys, could you inform me which web hosting company you are using right now I have a problem because my current web hosting company hostrator.com is kicking me off. They say that our website is using too many server resources. But our website only gets 300 visitors per day.. Anyway, what would be your recommendations? Are you happy with your web hosting providers? I am checking LCN at the moment, but is it real that they can provide unlimited disk space? I have contacted them and they say something like “1000GB disk drive costs only $30 per month, so if some day we will start running out of disk space we will simply add a new 2000GB drive so can continue uploading..”. What do you think about it? Any ideas and web hosting company name suggestions are much appreciated.
What is the most important thing that happened to you today?
hmmm… Give personal knowledge to some site built from warez haxors.Doesn’t sound smart .If you have time.Please enter my blog build your own laptop
this article is exactly what i’m looking for! found your page bookmarked from a friend. I will also share it. thanks!
I have a video about this, would you please review it and leave a post with your opinion? It’d be greatly appreciated.here’s the link if you’re interested. thanks
Love this post! Keep up the wonderful work, and I shall be back!
I made a movie about this, would you consider looking at it and maybe leaving a comment on what you think about it? (I left the url in the “website” box) thanks much!
Hi all
Very much Tell masters as I dream entertainment in Brussels, I was told that many massage bruxelles there very good and there are many Girls offering call girl,found World Wide Web site escort service much beautiful and sexy girls and the cost of 1 hour less than in Canada,massage brussels promise 100% on elite intimate service,Advise,who was Belgium and enjoyed the services of Brussels girls, or on site one, but in life offer more? escort gent advertised in many newspapers can it is worth it…
Sincerely your friend Vlad
I’m trying to open forum but sometimes there are no images on it
Good post, you deserve a free iPad: http://ow.ly/2gkwd
http://www.kobra.com
You can get more with a kind word and a gun than you can with a kind word.
Hey could I quote some of the material found in this post if I link back to you?
Would you mind taking a second of your time to help us out with a quick eval? Compensation is provided to the fastest who can help us. We left the link in the proper field, thankyou
Woow nice blog and thanks for image. I will use it and ı bookmarked : )