Forums » .NET » HTML »

How to put an icon in the titlebar of an html page


Posted Date: 24 Jun 2009      Posted By:: Rijesh Madathil Profile photo    Member Level: Silver    Member Rank: 0     Points: 1   Responses: 4



Hi der !
How to put an icon in the title bar of an html page.Help plz !

Thanking you all
Rijesh




Responses

#394125    Author: Nikhil Gaur      Member Level: Gold      Member Rank: 165     Date: 24/Jun/2009   Rating: 2 out of 52 out of 5     Points: 2

Method 1
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.dotnetspider.com", your icon file should be available at "www.dotnetspider.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 "~icon".

<LINK REL="SHORTCUT ICON"
HREF="/~icon/logo.ico">

this tag should be inserted in-between the 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.

Thanks & Regards
NIks


 
#399274    Author: Devendra      Member Level: Gold      Member Rank: 903     Date: 06/Jul/2009   Rating: 2 out of 52 out of 5     Points: 2

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.

Way To Technology


 
#404478    Author: DCPL - Praveen Kumar.m      Member Level: Gold      Member Rank: 199     Date: 20/Jul/2009   Rating: 2 out of 52 out of 5     Points: 2

<head>
<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>
<title>My Title</title>
</head>





 
#408743    Author: Bijomon Varghese      Member Level: Bronze      Member Rank: 5303     Date: 31/Jul/2009   Rating: 2 out of 52 out of 5     Points: 2

First create an .ico file of the icon then save it in the root folder
and put the below code in the head section.

=========================
<link rel="shortcut icon" href="name.ico"
=========================

If you don't have access to root folder just put the name.ico file where you have access and then put the link in href="location/name.ico"


 
Post Reply

 This thread is locked for new responses. Please post your comments and questions as a separate thread.
If required, refer to the URL of this page in your new post.



Next : Send mail from mailsend.html file not from mailsend.aspx page
Previous : How we can send mails from a html page
Return to Discussion Forum
Post New Message
Category: HTML

Related Messages

Subscribe to Subscribers
Active Members
TodayLast 7 Daysmore...

Awards & Gifts
Talk to Webmaster Tony John

Online Members

More...
Copyright © SpiderWorks Technologies Pvt Ltd., Kochi, India