Site Logo On The Address Bar - Webmasters - Nairaland
Nairaland Forum / Science/Technology / Webmasters / Site Logo On The Address Bar (648 Views)
E3 'the Address' / SMTP Server: How Do I Unblock A Blacklisted IP Address? / What's Your Own Website Address? (2) (3) (4)
| Site Logo On The Address Bar by ebenz1(m): 6:52pm On Apr 15, 2010 |
Hello my guys. Pls how do i go about the site logo that normally appear on the left side of the browser's address bar. Just like that of Nairaland. Please show me how to do that |
| Re: Site Logo On The Address Bar by Nobody: 6:58pm On Apr 15, 2010 |
just create a small picture on the root on the folder called favicon.ico that's all |
| Re: Site Logo On The Address Bar by ebenz1(m): 7:07pm On Apr 15, 2010 |
tnx my guy. I also found this article useful ********************************************* Want to make your web site standout in crowded favorites lists in browsers and address bars? How about displaying your logo next to links to your site. First, you have to create a logo for your site; a very tiny logo to be specific. The size of the logo should be 16x16 pixels and it should be saved as a Windows icon file (logo.ico for example). If your image editor doesn't support saving files in Windows icon format, you can use the following online tool or download an icon editor from a shareware site. Once you have an icon file with your logo, you're ready to take the final step. Following methods will work in Explorer 5.x and higher without having any negative effects on other browsers. Method 1 This is the easiest method to implement and it will work regardless of the particular page on your site users choose to add to their favorites list. Don't worry if you don't have access to your web site root; take a look at the next method. If you have access to the root of your web site, simply save your icon file as "favicon.ico" there. For example, if your web site is "www.chami.com", your icon file should be available at "www.chami.com/favicon.ico". The web browser will look for favicon.ico whenever your site is added to the favorites list and if it is found at the root of your web site, the icon will appear next to the link to your site. Method 2 If you don't have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with ".ico" We'll use the name "logo.ico" and assume that your web site is under the directory "~your_directory". <LINK REL="SHORTCUT ICON" HREF="/~your_directory/logo.ico"> Listing #1 : HTML code. Download logo.htm (0.2 KB). NOTE: Above tag should be inserted in-between the <HEAD> and </HEAD> tags. By the way, you can specify multiple logos for multiple pages using the second method. Simply save your icons using unique names, such as logo1.ico, logo2.ico, logo3.ico for example, and replace "logo.ico" in the above HTML code with the name of the icon you want to use for any particular page. ******************************************************************* I think its useful. |
| Re: Site Logo On The Address Bar by Nobody: 9:02pm On Apr 15, 2010 |
i think the best thing is to use the favicon generator on my website - www..com It will help you convert a jpeg image into favicon and also instruct you on how to insert it into your website. Second alternative is to visit - www.favicon.com - the main site that talks about it Third option is to visit dynamicdrive.com |
(1) (Reply)
Very Nice Content / Graphcard Help, Please / Fairly Used Dish
(Go Up)
| Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 20 |