Blogger Talk blogging forums Submit your blog today! 
Blogger Talk
Blogger Talk
View topic - How to add a Favicon to your address bar!



 Forum FAQ  •  Search  •  Memberlist  •  Usergroups   •  Register  •  Profile  •  Log in to check your private messages   

BloggerTalk.net Forum Index » Blogger Help » How to add a Favicon to your address bar!

Post new topic  Reply to topic
 How to add a Favicon to your address bar! « View previous topic :: View next topic » 
Author Message
Syed_Kazim
PostPosted: Wed Jan 10, 2007 10:53 am    Post subject: How to add a Favicon to your address bar! Reply with quote

Primary member
Primary member

Joined: Dec 23, 2006
Posts: 68

do this:



The icon before the address!
Back to top
View user's profile Send private message Visit poster's website
Sponsored Ads
Shawn
PostPosted: Sun Jan 14, 2007 7:02 pm    Post subject: How to add a Favicon to your address bar Reply with quote

Site Developer
Site Developer

Joined: Sep 06, 2006
Posts: 318
Location: Canada

I assume your reffering to a favicon!

Its really quiet simple!

To find out more about favicons go here

http://favicon.com/

To generate one of your own go here

http://tools.dynamicdrive.com/favicon/

Now once you have your favicon made, you need to add this code after the head tag!

Code:
<link rel="shortcut icon" href="path to your /favicon.ico">


Hope this helps!

Shawn icon_biggrin.gif
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play
Back to top
View user's profile Send private message Visit poster's website
Syed_Kazim
PostPosted: Tue Jan 16, 2007 8:27 am    Post subject: Kinda.... Reply with quote

Primary member
Primary member

Joined: Dec 23, 2006
Posts: 68

Thank you for your time!
I made the "favicon" and then clicked "Download", it downloaded a txt file with the following in it:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="favicon, favicon generator, favorite icons, browser icon">
<meta name="description" content="Use this online tool to easily create a favorites icon (favicon) for your site. Capable of generating desktop icons as well.">
<title>Dynamic Drive- FavIcon Generator</title>

<script>
if (parent.length<1 || parent.location.toString().indexOf("dynamicdrive")==-1)
window.location="http://tools.dynamicdrive.com"
</script>

</head>
<body style="margin: 8px;">

<script type="text/javascript">

var rawmaxsize=153600;

</script>

<script type="text/javascript" src="pagescript.js">

</script>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<form action="/favicon/indexalt.php" method="post" enctype="multipart/form-data">
<!-- <input type="hidden" name="MAX_FILE_SIZE" value="1000000"> -->
<input type="hidden" name="PHPSESSID" value="6ce4fbd4aedf61f8e3be0f113305444a">
<input type="hidden" name="iconsizecheckboxes[]" value="16">
<b style="font-size: 110%">Image to create icon from:

<input type="file" style="border: 1px solid black;" name="userfile" size="35" onChange="ShowHideDIV(this);">
<!-- <input type="checkbox" name="nostretch" value="x"> keep aspect ratio
-->
<div style="margin-top: 0.8em"></div>

<div style="float: left; width: 350px; margin-bottom: 10px;">
<ul style="margin-left: 1em; padding: 0">
<li>Supported file formats: gif, jpg, png, and bmp.</li>
<li>Use a gif or png with transparency if you require it.</li>
<li>Maximum file size: 150.00 kB.</li>
</ul>
</div>
<div style="float: left; width: 320px; margin-bottom: 10px;">
<fieldset style="width: 300px;">
<legend>Optional <!--(<a href="#" onClick="return false" onMouseover="ddrivetip(themsg,'lightyellow', 250)";
onMouseout="hideddrivetip()">Should I check these?)--></legend>
<input type="checkbox" name="iconsizecheckboxes[]" value="32"> Merge with a 32x32 desktop icon.

<input type="checkbox" name="iconsizecheckboxes[]" value="48"> Merge with a 48x48 large XP icon.

</fieldset>
</div>

<br style="clear: left" />

<input type="submit" value="Create Icon" onClick="return IsValidImageType(this.form.userfile.value);">


</form>
</td>
<td width="20px"></td>
<td valign="top">
<div id="previewdiv" style="display: none; width: 150px; height: 150px; overflow: scroll; scrollbar-face-color:#DFFFBF; scrollbar-shadow-color:green">
<div style="margin-bottom: 8px">Image Preview:</div>
Image preview (only works with Internet Explorer)
<div style="font-size: 90%; margin-top: 8px">Tip: For best results, use a small square image.</div>
</div>
</td>

</tr>
</table>


</body>
</html>
_________________
My blog
Back to top
View user's profile Send private message Visit poster's website
Shawn
PostPosted: Tue Jan 16, 2007 1:01 pm    Post subject: Reply with quote

Site Developer
Site Developer

Joined: Sep 06, 2006
Posts: 318
Location: Canada

Hello

Your don't need that code, you just need the "favicon.icon,"

And use this code I gave you before just add it after the < head >

Code:
<link rel="shortcut icon" href="path to your /favicon.ico">


If you use their code it uses the keywords for favicon!

Upload your favicon and then set the path to it in the above code, then copy the code to your template after the HEAD tag and your done!

Shawn
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play
Back to top
View user's profile Send private message Visit poster's website
Syed_Kazim
PostPosted: Wed Jan 17, 2007 9:24 am    Post subject: How to add a favicon Reply with quote

Primary member
Primary member

Joined: Dec 23, 2006
Posts: 68

Oh, okay, great, thanks! icon_cool.gif
_________________
My blog
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic  Reply to topic Page 1 of 1

BloggerTalk.net Forum Index » Blogger Help » How to add a Favicon to your address bar!
Jump to:  



You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Design by Invision-Graphics | Powered by phpBB © 2006 phpBB Group
Mortgages | Agencia de turismo | Mortgage Calculator | Fast Loans | Mortgages
Get Your Ad Here
BloggerTalk.net Statistics
 Today: 9,753  Yesterday: 20,884  Unique Hits: 18296  Total Hits: 6,661,677
Page Rendered in: 0.53s - Total Queries: 0 - MySQL DB: 111.8 mb's - Pages served in past 5 minutes: 110

BloggerTalk.net All rights reserved.
Unauthorized distribution, transmission or republication strictly prohibited.
Design by Invision-Graphics.com Proudly hosted by VisionThisHosting.com