Logo on the tab [Solved]
Logo on the tab [Solved]
How do you get a logo for the tabs in a browser to show up? Just wondering?
			
			
													
					Last edited by Nexus on Thu Jul 21, 2011 4:51 pm, edited 1 time in total.
									
			
						
										
						- Jackolantern
- Posts: 10891
- Joined: Wed Jul 01, 2009 11:00 pm
Re: Logo on the tab
I wondered that myself a couple of months ago, and it is surprisingly easy (even though you have to use .ico images for it to work in all browsers, I think). 
There are step-by-step instructions for how to do it here.
			
			
									
						
							There are step-by-step instructions for how to do it here.
The indelible lord of tl;dr
			
						- SpiritWebb
- Posts: 3107
- Joined: Sun Jul 12, 2009 11:25 pm
Re: Logo on the tab
You talking about how to get the icon like facebook?
Its your favicon.ico. You can go to any site with an image and convert it to a favicon.ico. Then save this file in your public_html folder or whatever it is where your website is located. In wamp, just save this file in the www folder. Refresh the page and voila it should work...
And in the <head> of your site, put this:
<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>
			
			
									
						
										
						Its your favicon.ico. You can go to any site with an image and convert it to a favicon.ico. Then save this file in your public_html folder or whatever it is where your website is located. In wamp, just save this file in the www folder. Refresh the page and voila it should work...
And in the <head> of your site, put this:
<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>
- Jackolantern
- Posts: 10891
- Joined: Wed Jul 01, 2009 11:00 pm
Re: Logo on the tab
I have seen some articles that mention having both an "ICON" link tag, as well as a "SHORTCUT ICON" link. I have not tested it out personally to see if it makes any difference in any browsers.
			
			
									
						
							The indelible lord of tl;dr
			
						Re: Logo on the tab
Here is example of code used to get your website icon in tab.
			
			
									
						
										
						Code: Select all
<link href="/favicon.ico" type="image/x-icon" rel="icon">
<link href="/favicon.ico" type="image/x-icon" rel="shortcut icon">Re: Logo on the tab
Thanks very much guys I appreciate it!
			
			
									
						
										
						




