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.
3. Avoid sugar. Sugar enables the body to store fat|. It is recommended that a person consumes food that helps sustain an even level of blood-sugar. Additionally, progressive exercise 2-3 times a week should be in order to stabilize blood sugar.}
Thanks for sharing, I`ll come back and check one of the other posts you have written. See ya.
This is a good blog. Keep up all the work. I too love to blog. This is great everyone sharing opinions
I search this topic for many days. From Yahoo answer and search engine,i know your blog. Such an amazing article! I Seriously enjoy reading it, very good insights, the article is very ell-Stated. A thumbs up! Could we do link exchange? Best Phone Life
Interesting point of view. I will follow your blog.
Hi there could I use some of the material here in this entry if I link back to you?
Pretty nice post. I just stumbled upon your blog and wanted to say that I have really enjoyed browsing your blog posts. In any case I¡¯ll be subscribing to your feed and I hope you write again soon!
I really enjoyed reading this, please post more!
Thanks for writing this I’ll tell my partner and see what she thinks.
Hey guys… Just stumbled on this blog from Google. Thanks for the good info and I’ll digg into the other posts now. Keep up the great work!
I really like your site. Very good posts! Please continue posting such awesome cotent.
wow, awesome post, I was wondering how to cure acne naturally. and found your blog by bing, many userful stuff here, now i have got some idea. bookmarked and also signed up your rss. keep us updated.
I just read through the entire article of yours and it was quite good. This is a great article thanks for sharing this informative information. I will visit your blog regularly for some latest post.
While we’re discussing How to create a Tab Icon for your website |, The easiest way of building a website, is to use an online website builder. A good website builder can set up your website within minutes. Then, all you need to do is add content. It doesn’t get much easier than this! Also, a good website builder will require no technical knowledge. You simply choose a design from a list of templates, then customize it to suit your needs.
Since we are discussing the many benefits of How to create a Tab Icon for your website |, Many web developers aren’t good designers. Web developers often buy professionally made website templates. A website template is the quickest way to create a professional looking website, while still having control over the source code. If you don’t consider yourself to be a good designer, try a professionally designed website template.
Good site…
I LOVE JESUS CHRIST
What a write!! Very informative and also easy to understand. Looking for more such blogposts!! Do you have a twitter or a facebook?
I recommended it on stumbleupon. The only thing that it’s missing is a bit of speed, the pictures are appearing slowly. However thank you for this information.
Extraordinary submit! Don’t give up!
Hi. I only just did some net browsing and discovered this web site. I walked by means of this blog publish and it is really wonderful.I really truly get pleasure from your web site.Perfectly, the piece of composing is in truthfulness the really very best on this actually value whilst subject. I book marked it and i’m searching forward for your coming website writes. I also seen that your web site has some good leading carried out to it. I will appropriate apart consider hold of the rss feed to stay knowledgeable of any revisions. Incredible information you got right here.If possible maintain replace on your wonderful submit.Thank you.
By far the most concise and up to date information I found on this topic. Sure glad that I navigated to your page by accident. I’ll be subscribing to your feed so that I can get the latest updates. Appreciate all the information here
You really make it seem so easy with your presentation but I find this topic to be really something which I think I would never understand. It seems too complicated and very broad for me. I am looking forward for your next post, I will try to get the hang of it!
Hello this is my 1st post on http://www.computermechanic.org. Has anybody ever trained with a PUA training coach also known as a pick up artist to get girls you met using singles internet dating? I hope this was the right place to ask about this type of relationship question…
wastgat
What a writeup!! Very informative and also easy to understand. Looking for more such blog posts!! Do you have a twitter or a facebook?
I recommended it on digg. The only thing that it’s missing is a bit of new design. However thank you for this information.
Hey guys i want to share with you a way i make $500 daily and i only spend 5 minuites doing it a day! I strongly suggest you check their site out as there is really a brilliant video that explains every thing you have to know. Check them out at DOMINATE MOBILE MARKETING
Since attempting for a short time just for a proper content articles in respect to this topic . Researching in Google I eventually saw this blog post. After reading this post I am lucky to state that I get a fine impression I located exactly what I wanted. For certain i will make certain to don’t forget this web site and take a look on a constant basis.
Hey guys i wish to share with you a way i make $500 every day and i only spend 5 minuites doing it a day! I strongly suggest you check their site out as there is really a brilliant video that explains every thing you need to know. Check them out at DOMINATE MOBILE MARKETING
I just stumbled on your blog when I was lookng on google. I have to say that the information here was the most complete that I found anywhere. I am definitely bookmarking this to come back and read later.
dhdb sgsdfg sdg fsd
Hey guys i want to share with you a way i make $500 daily and i only spend 5 minuites doing it a day! I strongly suggest you check their site out as there is a brilliant video that explains everything you need to know. Check them out at DOMINATE MOBILE MARKETING
So as much memory you will be having in your mp3 player the more music you will be able to enjoy on it. When you are getting the MP3 When you are getting the MP3, just make it sure that it will be able to work on your computer as well because some models of china cheap wholesale don’t work with some models of computers.
I just considered i’d write and let you realize your blogs is beneficial for unveiled the valuable solution.I actually enjoy your blog.Effectively and efficiently, the guide is in truthfulness the perfect on this worth although subject. I concur along with your results and will impatiently look forward to your coming tweets. Only saying thanks will not just be enough, for the wonderful lucidity with your producing. I will immediately take your rss feed to stay informed of any updates.Nice perform and a great deal achievements inside your deliver the results and online business efforts.Anyhow keep up the excellent do the trick.Thanks a lot.
Amazon launched two new Kindle e-readers priced at $139 and $189 late Wednesday, with the cheaper version a Wi-Fi-only e-reader and $10 less than the Wi-Fi-only Nook.
ComputerWorld
http://www.computerworld.com/
LV5gYy284
Hey guys i want to share with you a way i make $500 every day and i only spend 5 minuites doing it a day! I strongly suggest you check their website out as there is a brilliant video that explains everything you need to know. Check them out at DOMINATE MOBILE MARKETING
Looks like a killer blog. I was thinking if you had some more pictures or youtube links regarding this topic. I would love that! Great work keep it up
Good and interesting blog thanks
What a comment!! Very informative and easy to understand. Looking for more such blog posts!! Do you have a twitter or a facebook?
I recommended it on digg. The only thing that it’s missing is a bit of speed, the pictures are appearing slowly. Nevertheless thank you for this blog.
Hi, I like your post. I wish everyone would pay such attention to their post as you do. I came acros your blog on google when searching for brand. I will come back to your blog.
Best regards!
Outstanding issue ¨C Trying to find being affected by this specific pro near timeframe together with it¡¯s impressive to settle for change.
Tired of obtaining low numbers of useless visitors for your website? Well i wish to share with you a brand new underground tactic which makes myself $900 every day on 100% AUTOPILOT. I could truthfully be here all day and going into detail but why dont you just check their site out? There is really a great video that explains everything. So if your serious about producing effortless cash this is the website for you. Auto Traffic Avalanche
Because of reading your blog, I decided to start my own. I had never been interested in keeping a blog until I saw how interesting yours was, then I was inspired!
Apple now has Rhapsody as an app, which is a great start, but it is currently hampered by the inability to store locally on your iPod, and has a dismal 64kbps bit rate. If this changes, then it will somewhat negate this advantage for the Zune, but the 10 songs per month will still be a big plus in Zune Pass’ favor.
you look lovely darling xx,wow you look so beautiful in these Blog! Very cute look!I really like this site, you look so beautiful!
Thankfully for this method tremendous editorial; this is the kind of fact that helps to keep me though out the day.I have forever also been seeking close to for the internet site following I heard about these from a pal and was pleased when I was capable of locate it right after researching for a while. Being a experienced blogger, I’m happy to determine other people taking motivation and making contributions for the community. I just desired to comment to exhibit my understanding for your post as it is really stimulating, and many copy writers do not get the credit they ought to have. I’m sure I’ll be again and can send some of my associates.
I want to share with all of you a brand new piece of software called Mobile Monopoly. I personally make $600-$1200 PER DAY with this, its the number 1 selling product on Clickbank and has only been around for a week or so. Check their site out and watch their amazing video to explain all your questions. If you really want to make easy money i suggest you atleast check them out… Mobile Monopoly
Hey guys i wish to share with you a way i make $500 every day and i only spend 5 minuites doing it a day! I strongly suggest you check their website out as there is really a brilliant video that explains every thing you need to know. Check them out at DOMINATE MOBILE MARKETING
Hey guys i want to share with you a way i make $500 every day and i only spend 5 minuites doing it a day! I strongly suggest you check their site out as there is really a brilliant video that explains every thing you have to know. Check them out at DOMINATE MOBILE MARKETING
Hey guys i wish to share with you a way i make $500 daily and i only spend 5 minuites doing it a day! I strongly suggest you check their site out as there is a brilliant video that explains everything you have to know. Check them out at DOMINATE MOBILE MARKETING
Hey guys i wish to share with you a way i make $500 daily and i only spend 5 minuites doing it a day! I strongly suggest you check their website out as there is a brilliant video that explains everything you need to know. Check them out at DOMINATE MOBILE MARKETING