Make your own shortcut icon (favicon) for your smugmug page

[ponyfizz]

Hi All,

You may have noticed that some sites have little icons that appear next to the web address at the top of the page (I know Firefox does but I'm not sure about IE) such as the smiley face for the smugmug home page. This also appears when you save the link in your browser and gives you a graphical way of looking at your links.

The smugmug icon is the default but you can change this by adding the following to your co-branding header;

<LINK REL="SHORTCUT ICON" HREF="LINK TO PICTURE">

The picture you need to create needs to be 8 bit (256 colours) and sized 16x16. You can see a great tutorial on how to do it here;

http://www.motive.co.nz/glossary/favicon.php

Once you have made the 'favicon.ico' file just upload it to one of your smugmug folders, find the link to the original file and put that link where it says "LINK TO PICTURE" (keep the quotation marks) above. Make sure the picture isn't too detailed as it can be difficult to see at such a small size.

You can see mine at http://ponyfizz.smugmug.com
(That's my daughter as the icon and the one on my homepage :D)

Good luck
Tony

[jfriend]

Once you have made the 'favicon.ico' file just upload it to one of your smugmug folders, find the link to the original file and put that link where it says "LINK TO PICTURE" (keep the quotation marks) above. Make sure the picture isn't too detailed as it can be difficult to see at such a small size.
Very cool. Thanks for sharing the steps.

--John

[Mike Lane]

You can indeed change your favicon. What's more, the SmugMods have indicated that they probably don't have a problem with you doing so (although the last I heard was that they hadn't talked about it all that much).

[maddernc]

Very Cool Ponyfizz.

I had been wondering how to change that :clap
Thanks heaps.

Cain

[ponyfizz]

Very Cool Ponyfizz.

I had been wondering how to change that :clap
Thanks heaps.

Cain
I'm glad at least a couple of people liked it :):

Maybe people could post some links to changes they have made so we can see what others are up to.

ponyfizz

[ChibiPhotography]

Mine is working under FireFox:
store.chibiphotography.com
Doug

[limbik]

I can't seem to upload the .ico file, smugmug does not seem to accept that file format...

[Mike Lane]

I can't seem to upload the .ico file, smugmug does not seem to accept that file format...
you'll have to store the .ico file somewhere else since it isn't a jpg or gif. I usually use www.imageshack.com since they're free and all.

[ponyfizz]

I can't seem to upload the .ico file, smugmug does not seem to accept that file format... I saved mine as a bitmap file (.bmp) and then manually renamed the file 'favicon.ico'. My upload to Smugmug was fine except that .jpg was added to the end of the file name after the transfer.

Maybe Smugmug accepts .bmp files and not .ico.

ponyfizz

[peestandingup]

Hey, thanks for the tip. It works great!

BTW, I wanted to keep my search box, so I put in the correct code in the footer box. It workes, but my search box needs to be centered because its on the bottom left of my homepage. Any ideas? Thanks.

Oh, here is the code I used:

<form method="get" action="/search/index.mg">
<input type="text" name="searchWords" />
<input type="hidden" name="searchType" value="InUser" />
<input type="hidden" name="NickName" value="YOURNICKNAMEHERE" />
<input type="submit" value="Search Galleries" />
</form>

[bwg]

Hey, thanks for the tip. It works great!

BTW, I wanted to keep my search box, so I put in the correct code in the footer box. It workes, but my search box needs to be centered because its on the bottom left of my homepage. Any ideas? Thanks.

Oh, here is the code I used:

<form method="get" action="/search/index.mg">
<input type="text" name="searchWords" />
<input type="hidden" name="searchType" value="InUser" />
<input type="hidden" name="NickName" value="YOURNICKNAMEHERE" />
<input type="submit" value="Search Galleries" />
</form>
this should get you what you're after:

<form method="get" action="/search/index.mg">
<div style="text-align: center;">
<input type="hidden" name="searchType" value="InUser" />
<input type="hidden" name="NickName" value="YOURNICKNAMEHERE" />
<input type="text" name="searchWords" />
<input type="submit" value="Search Galleries" />
</div>
</form>

[peestandingup]

this should get you what you're after:

<form method="get" action="/search/index.mg">
<div style="text-align: center;">
<input type="hidden" name="searchType" value="InUser" />
<input type="hidden" name="NickName" value="YOURNICKNAMEHERE" />
<input type="text" name="searchWords" />
<input type="submit" value="Search Galleries" />
</div>
</form>
Hey, it worked! Thank you very much!!

[PHOTOlink]

i seem to be getting my new favicon to work, BUT....

when i place it in my header section it is throwing off the site;s opening page allignment..

any ideas why this is happening? and is it impt to put this in a particular area of the header box...?

this is the code i am using:

<LINK REL="SHORTCUT ICON" HREF="http://PHOTOlinkOnline.smugmug.com/photos/38148661-M.jpg>

well, odd as it seems - i put in a <div align="center"> on top of the favicon line and its all good again...BUT...now the Bio text is...different....almost like its not bold anymore....why would this new code affect the bio text....
hmmm...quite the puzzler....is there any way to "container-ize: the code for the favicon, so it wouldn't affect the bio text?

and lastly...no go in safari, but firefox and netscape is ok...IE...well, forget IE...ots problematic for me from the word go...

[Mike Lane]

i seem to be getting my new favicon to work, BUT....

when i place it in my header section it is throwing off the site;s opening page allignment..

any ideas why this is happening? and is it impt to put this in a particular area of the header box...?

this is the code i am using:

<LINK REL="SHORTCUT ICON" HREF="http://PHOTOlinkOnline.smugmug.com/photos/38148661-M.jpg>

well, odd as it seems - i put in a <div align="center"> on top of the favicon line and its all good again...BUT...now the Bio text is...different....almost like its not bold anymore....why would this new code affect the bio text....
hmmm...quite the puzzler....is there any way to "container-ize: the code for the favicon, so it wouldn't affect the bio text?

and lastly...no go in safari, but firefox and netscape is ok...IE...well, forget IE...ots problematic for me from the word go...
The favicon link goes in your header not in the body of the page. The favicon itself goes in the address bar. There is nothing about the favicon that will in any way affect the layout of a page.

[PHOTOlink]

There is nothing about the favicon that will in any way affect the layout of a page.[/QUOTE]

..and yet it seems to be making a difference.....and changing the response of the font in the bio....

i take out the code, and sure enough it changes the font in bio from what seems to be normal, back to its bold type face....hmmmm

more investigating is required here......

[Mike Lane]

In what box on your cobranding page did you put the <link ... > exactly???

[PHOTOlink]

In what box on your cobranding page did you put the <link ... > exactly???

its in the HEADER HTML BOX - first up in the co-branding section...

this is my entire header box:


<div align="center">
<LINK REL="SHORTCUT ICON" HREF="http://PHOTOlinkOnline.smugmug.com/photos/38161815-S.jpg>

<h4>
<div align="center">
<a href="http://www.photolink.net">
<img src="http://PHOTOlinkOnline.smugmug.com/photos/38012791-M.jpg" width=765" height=105" class="banner" />
</a> </a>
</div>
<HR WIDTH="750">

<div align="center">
<form method="get" action="/search/index.mg">
<input type="text" name="searchWords" />
<input type="hidden" name="searchType" value="InUser" />
<input type="hidden" name="NickName" value="photolinkonline" />
<input type="submit" value="Search PHOTOlink's Archive" />
</form>

<HR WIDTH="750">

<div class="wrapper">

and strange as it may seem, if i didnt start this with the div align center
the banner would go th the left of the page...!

if i put teh code elsewhere in the header html box, it makes somthing else move left...

that IS the correct box i am supposed to be adding this code to...yes?

[bwg]

you're missing the ending double quote after the .jpg in your link tag.

and you're not closing most of your tags.

fix those up and see what happens.

its in the HEADER HTML BOX - first up in the co-branding section...

this is my entire header box:


<div align="center">
<LINK REL="SHORTCUT ICON" HREF="http://PHOTOlinkOnline.smugmug.com/photos/38161815-S.jpg>

<h4>
<div align="center">
<a href="http://www.photolink.net">
<img src="http://PHOTOlinkOnline.smugmug.com/photos/38012791-M.jpg" width=765" height=105" class="banner" />
</a> </a>
</div>
<HR WIDTH="750">

<div align="center">
<form method="get" action="/search/index.mg">
<input type="text" name="searchWords" />
<input type="hidden" name="searchType" value="InUser" />
<input type="hidden" name="NickName" value="photolinkonline" />
<input type="submit" value="Search PHOTOlink's Archive" />
</form>

<HR WIDTH="750">

<div class="wrapper">

and strange as it may seem, if i didnt start this with the div align center
the banner would go th the left of the page...!

if i put teh code elsewhere in the header html box, it makes somthing else move left...

that IS the correct box i am supposed to be adding this code to...yes?

[PHOTOlink]

not sure my last response got thru-

that double quote that i left off fixed the bio text problem..

many thanks!

interesting that safari doesn't show the custom favicon at all...

[Mike Lane]

not sure my last response got thru-

that double quote that i left off fixed the bio text problem..

many thanks!

interesting that safari doesn't show the custom favicon at all... It's not showing in safari because it isn't a .ico file type. It won't show in IE either.

Additionally, you need to put link elements in the header not the body.

[PHOTOlink]

It's not showing in safari because it isn't a .ico file type. It won't show in IE either.

Additionally, you need to put link elements in the header not the body.


ahh. may i ask what are these link elements you are referring to...?

i'm not sure i understand what you are saying....

and, forgive me on this, but i did upload the image as an .ico by manually renaming it (i believe the instructions called for making it a .bmp and then renaming it). or that not proper? is there a different method to creating it?

[Mike Lane]

ahh. may i ask what are these link elements you are referring to...?

i'm not sure i understand what you are saying....

and, forgive me on this, but i did upload the image as an .ico by manually renaming it (i believe the instructions called for making it a .bmp and then renaming it). or that not proper? is there a different method to creating it?
This:

<LINK REL="SHORTCUT ICON" HREF="http://PHOTOlinkOnline.smugmug.com/photos/38161815-S.jpg>

must be in the header.

And no, you can't just rename a jpg to any more than you can rename a .jpg to a .gif. But you are in serious luck! There is a site that you can input a jpg and it will output an ico for you.

http://www.chami.com/html-kit/services/favicon/

Mike

[flyingdutchie]

This:

<LINK REL="SHORTCUT ICON" HREF="http://PHOTOlinkOnline.smugmug.com/photos/38161815-S.jpg>

must be in the header.

And no, you can't just rename a jpg to any more than you can rename a .jpg to a .gif. But you are in serious luck! There is a site that you can input a jpg and it will output an ico for you.

http://www.chami.com/html-kit/services/favicon/

Mike
I put an icon on my smugmug-site (a Dutch flag) and i tried to see if the shortcut-icons on other sites work (tried some of the sites mentioned earlier in this thread).
They all work fine on Mozilla, Firefox, Netscape, Opera; but IE refuses to show my and the other shortcut-icons in the address-bar.

I did a view source: It seems that when you add your own <link rel="shortcut icon" .../>, 2 such links will appear in your source HTML. The first one there is always <link rel="SHORTCUT ICON" href="/favicon.ico" />. The second one is your own.
Maybe IE does not like to have 2 of them in one HTML document?

-- Anton.

[Mike Lane]

I put an icon on my smugmug-site (a Dutch flag) and i tried to see if the shortcut-icons on other sites work (tried some of the sites mentioned earlier in this thread).
They all work fine on Mozilla, Firefox, Netscape, Opera; but IE refuses to show my and the other shortcut-icons in the address-bar.

I did a view source: It seems that when you add your own <link rel="shortcut icon" .../>, 2 such links will appear in your source HTML. The first one there is always <link rel="SHORTCUT ICON" href="/favicon.ico" />. The second one is your own.
Maybe IE does not like to have 2 of them in one HTML document?

-- Anton.
IE's got screwy support for favicons in general. Even if you implement it the right way (i.e. in the head of the document and linking to a .ico file) you will likely have to perform a bit of a trick to get it to show up in IE. In the address bar on IE simply grab the favicon and drag it just a few pixels to the right. You may have to do that a few times. Eventually your favicon should show up.

[dogwood]

Not all free image hosting sites accept .ico files and posting a favicon as a .jpg on smugmug or elsewhere doesn't work as a favicon. Found a site, though, that is free and can basically be used to store any data, including favicons.

www.ripway.com

Seems legit to me, but I'd be curious to hear what others have to say.

- Pete Springer
dogwood.smugmug.com

[Mike Lane]

Seems legit to me, but I'd be curious to hear what others have to say.


ripway is in fact legit. That is a good way to get free hosting for small files.

[Andy]

ripway is in fact legit. That is a good way to get free hosting for small files.

Who are you again :scratch

[Mike Lane]

Who are you again :scratch

I'm the forum kiwi. Uh... mate. Or whatever...

[Andy]

IE's got screwy support for favicons in general. Even if you implement it the right way (i.e. in the head of the document and linking to a .ico file) you will likely have to perform a bit of a trick to get it to show up in IE. In the address bar on IE simply grab the favicon and drag it just a few pixels to the right. You may have to do that a few times. Eventually your favicon should show up.
Mike, I have a .ico, properly stored out there on the internets. The favicon shows in FF but not Suckfari or IE. it does show in Camino, funnily enough.

:scratch

[bwg]

Mike, I have a .ico, properly stored out there on the internets. The favicon shows in FF but not Suckfari or IE. it does show in Camino, funnily enough.

:scratchnot really that funny since camino and ffx are mozilla siblings.

[Andy]

not really that funny since camino and ffx are mozilla siblings.

And Sukfari is the forgotton stepchild...

[Mike Lane]

Mike, I have a .ico, properly stored out there on the internets. The favicon shows in FF but not Suckfari or IE. it does show in Camino, funnily enough.

:scratch

I take it you tried the pull to the right thing in IE? If it's on smugmug IE may get all flustered when it sees that there are 2 favicons and just use the first one.

I've got no idea about the I-can-pass-the-acid-2-test-and-have-implemented-several-css3-properties-but-can't-manage-to-fix-the-png-gamma-problem-thing-but-dammit-i-have-such-pretty-buttons safari.

[Andy]

I take it you tried the pull to the right thing in IE? If it's on smugmug IE may get all flustered when it sees that there are 2 favicons and just use the first one.

I've got no idea about the I-can-pass-the-acid-2-test-and-have-implemented-several-css3-properties-but-can't-manage-to-fix-the-png-gamma-problem-thing-but-dammit-i-have-such-pretty-buttons safari.
For IE, do you actually mean, go to the address bar, click and grab the IE icon, and drag it a few pixels to the right?

[Mike Lane]

Yes exactly that. Remember IE is stooooopid. You may have to do it 4 or 5 times. But once it shows up, it'll stay there.

[snapapple]

The favicon link goes in your header not in the body of the page. The favicon itself goes in the address bar. There is nothing about the favicon that will in any way affect the layout of a page.

Well folks, I read this whole thread and was still not clear on where the "header" section was. It is NOT in the place where you type in "div align center". No, it's the box that says the stuff in here is the stuff that goes right before the </head> tag. It's the stuff that goes between the <head> and the </head> tags. But, it says, "don't type in the tags" they will be added automatically. So, I did not put in any tags. I typed in the <LINK REL= "SHORTCUT ICON" HREF="your link here">. I put in the link to the favicon file that I had stored on www.ripway.com (they converted a bmp file to a ico file for me) and voila! I now have my own FavIcon. I had no trouble at all! You can see it at www.susanappelphotography.com (http://www.susanappelphotography.com). Thanks for tutorial on making the file. Thanks for the tips on where to store it on the web. I'm so excited that it worked without a hitch.:barb :ivar

[W.W. Webster]

I'm the forum kiwi.Pardon me? :huh

[Mike Lane]

Pardon me? :huhI wrote that from an internet cafe when I was visiting new zealand last year. :lol3

[W.W. Webster]

I wrote that from an internet cafe when I was visiting new zealand last year. :lol3I was aware you'd been (and have the photos to prove it), but I hadn't made the date association when this thread came up in a forum search today. :doh

On that basis, you are far more a kiwi than most of the other 250 million in your parts (most of whom will never leave the lower 48) - so g'day kiwi, and thanks for your tips on this thread. My new favicon is up and running. :thumb

[natephoto]

I'm trying to put up my favicon on my smugmug site.. supersnapshots.smugmug.com I think I followed the steps above, but it's not working. I know the file type and location are okay, because I checked them and it works on my regular yahoo hosted site. supersnapshots.com

Can someone help me to figure out how to make this work?:dunno

Thanks

[Mike Lane]

I'm trying to put up my favicon on my smugmug site.. supersnapshots.smugmug.com I think I followed the steps above, but it's not working. I know the file type and location are okay, because I checked them and it works on my regular yahoo hosted site. supersnapshots.com

Can someone help me to figure out how to make this work?:dunno

ThanksIt works in firefox. :thumb

[natephoto]

It works in firefox. :thumb

Heh, now it works in firefox...:scratch

I can't get it to work in Safari though.. I 'reset' safari, cleared cache, cookies & history.. sill doesn't work.

Can someone check IE for me? [is there a way to run IE on a powerpc mac that doesnt have virtual pc ? - i tried to download the old mac version, but it wouldn't work..:rolleyes ]

Weird though, when it loads in firefox, the smugmug icon appears first as it is loading, and then it redirects to my icon.. Any way to fix this?

Thanks

[natephoto]

Anyone have any idea why it still won't work in Safari?

supersnapshots.smugmug.com

[natephoto]

bump.

[natephoto]

bump. --if it's just not possible in safari, let me know! haha

[reitdesign]

Heh, now it works in firefox...:scratch

I can't get it to work in Safari though.. I 'reset' safari, cleared cache, cookies & history.. sill doesn't work.

Can someone check IE for me? [is there a way to run IE on a powerpc mac that doesnt have virtual pc ? - i tried to download the old mac version, but it wouldn't work..:rolleyes ]

Weird though, when it loads in firefox, the smugmug icon appears first as it is loading, and then it redirects to my icon.. Any way to fix this?

Thanks


i'm having the same exact problem. the favicon will show up on my homepage in every browser, but not on the smugmug page. it's an ico file, too.

[ivar]

i'm having the same exact problem. the favicon will show up on my homepage in every browser, but not on the smugmug page. it's an ico file, too.Hello and welcome to dgrin :wave

Can we have a link to your pages so we can have a look please? thanks!

[reitdesign]

Hello and welcome to dgrin :wave

Can we have a link to your pages so we can have a look please? thanks!

hi! thanks for the welcome!

the url is photos.reitdesign.com.
my home url is www.reitdesign.com. the favicon show up there.

here's the code i'm using. i put it in the header box:

</div><LINK REL="SHORTCUT ICON" HREF="http://www.reitdesign.com/favicon.ico">

[ivar]

hi! thanks for the welcome!

the url is photos.reitdesign.com.
my home url is www.reitdesign.com (http://www.reitdesign.com). the favicon show up there.

here's the code i'm using. i put it in the header box:

</div><LINK REL="SHORTCUT ICON" HREF="http://www.reitdesign.com/favicon.ico">
Hello,

I moved the code to the head tag for you, and added some stuff that Apple wants to see.

I don't see it in Safari, all the others work fine. It may be because of this (http://www.softpress.com/kb/article.php?id=788).

Let us know if you have any question.

[reitdesign]

Hello,

I moved the code to the head tag for you, and added some stuff that Apple wants to see.

I don't see it in Safari, all the others work fine. It may be because of this (http://www.softpress.com/kb/article.php?id=788).

Let us know if you have any question.

thanks ivar!!! you're da best!

[natephoto]

Hey Ivar!

I think I put the URL back a page, put here it is: supersnapshots.smugmug.com

What do I need to add to make it work in Safari?

Thanks for your help!
Nate

[ivar]

Hey Ivar!

I think I put the URL back a page, put here it is: supersnapshots.smugmug.com

What do I need to add to make it work in Safari?

Thanks for your help!
NateHi Nate,



Safari likes to see the icon as well as shortcut icon, atleast according to apple. I think it works without it as well actually.

<link rel="icon" href="http://...../favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://...../favicon.ico" type="image/x-icon" />

change the dots to the appropriate location :thumb

See also the link in my previous post, above.

[nocturne1]

I sorta like the icon that dgrin uses - any possibility of getting an ok to grab and use on my site as well?

Thanks!

Jay

(http://www.autoworksphoto.com)

[net1994]

Beating a dead horse here, but I got my favicon to show up in FF, but not IE. And in when I refresh or go to another page in FF on my website, the Smugmug favicon shows for a second or two, then mine finally appears.

My favicon is linked to YahooBriefCase. Anyone figured out how to get this to work in IE? I tried the 'move icon 4-5 times a few pixels over' trick and does not work.

Does the long URL for my ico file cause a problem?

My site www.paintbypixels.com and smug member site http://net1994.smugmug.com/

[Mike Lane]

Beating a dead horse here, but I got my favicon to show up in FF, but not IE. And in when I refresh or go to another page in FF on my website, the Smugmug favicon shows for a second or two, then mine finally appears.

My favicon is linked to YahooBriefCase. Anyone figured out how to get this to work in IE? I tried the 'move icon 4-5 times a few pixels over' trick and does not work.

Does the long URL for my ico file cause a problem?

My site www.paintbypixels.com (http://www.paintbypixels.com) and smug member site http://net1994.smugmug.com/Well to start out with you had your header stuff in your head tag and your head tag stuff in your header. I fixed that up for you. Then you had a malformed URL in your favico link. So I fixed that. Then I tried putting in your favico URL straight into the browser to see what I got and I get a yahoo page telling me that I don't have access to the icon.

So alas, unless you can provide access to the favicon.ico file so everyone can see it ... um ... well nobody will be able to see it. :deal

I hope that makes sense.

[urbanaries]

Just wanted to bump and say this thread was really helpful, and if *I* could figure out how to customize my favicon (check it out! (http://www.lynnehulbert.com) It's my mug!) anyone can!

I'm still having trouble though with IE. I'm heading in the right direction...the smugmug's "smiley" favicon is gone and replaced with the generic IE favicon. (No offense SM, but yours wasn't exactly sophisticated :D)

I tried Mike's suggestion of moving the IE favicon slightly to the right several times and it didn't work.

Here's my code:

<LINK REL="SHORTCUT ICON" HREF="http://img38.picoodle.com/img/img38/9/7/19/f_faviconicom_37c7966.png">

[Allen]

Just wanted to bump and say this thread was really helpful, and if *I* could figure out how to customize my favicon (check it out! (http://www.lynnehulbert.com) It's my mug!) anyone can!

I'm still having trouble though with IE. I'm heading in the right direction...the smugmug's "smiley" favicon is gone and replaced with the generic IE favicon. (No offense SM, but yours wasn't exactly sophisticated :D)

I tried Mike's suggestion of moving the IE favicon slightly to the right several times and it didn't work.

Here's my code:

<LINK REL="SHORTCUT ICON" HREF="http://img38.picoodle.com/img/img38/9/7/19/f_faviconicom_37c7966.png">
Know nuthin' about this but ...
Maybe because it's not a .ico Icon file. Try converting it to an icon and see it it works.

[urbanaries]

Know nuthin' about this but ...
Maybe because it's not a .ico Icon file. Try converting it to an icon and see it it works.

I tried three different photo hosting sites (flickr, imageshack and this pictoogle) and they all converted the .ico file to something else, at least judging from the hosting URL. Any other suggestions?

[scwalter]

I tried three different photo hosting sites (flickr, imageshack and this pictoogle) and they all converted the .ico file to something else, at least judging from the hosting URL. Any other suggestions?

Make sure you are really saving it as an ICO file and not just renaming. I doubt any picture hosting sites will allow saving an ICO file. You can use an online tool such as this:

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

to convert your PNG, JPG, GIF to an icon.

You can then get a free page on http://pages.google.com/ with about 100MB of free space. You can store any kind of file there. Check out my site, that's what I do.

-Scott

[wowhot]

hi there i tryed your steps and even though every body eles is having success i carnt seem to get it working..


i have also tryed you link and your favicon has not changed it still shows the smugmug logo.

no i have put in the html you sugest but when you say add the link do i put the complete link or just the photo jpeg file number part.

also im not to shur what is the co broanding header?


heres my html if it helps

<LINK REL="SHORTCUT ICON" HREF="http://www.whanphoto.com/photos/343067871_9tNwK-L.jpg">
<body bgcolor="#000000">
<body bgcolor="black">
<body bgcolor="black">
<div id="myHeader">
<div id="my_banner"><a href="/" title="Back to Homepage">
<img src="/img/spacer.gif" border="0" height="70" width="605">
</a>
</div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/5468390_6V42d">The Photographer</a></li>
<li><a href="<A href="mailto:edwinwhan@hotmail.com?subject=Whan%20WebSit e%20Photography%20Inquiry">E-Mail</a></li">mailto:edwinwhan@hotmail.com?subject=Whan%20WebSit e%20Photography%20Inquiry">E-Mail</a></li>
</ul>
</div> <!-- closes navcontainer div -->
</div> <!-- closes myHeader div -->


.....

any help please!!

[Andy]

hi there i tryed your steps and even though every body eles is having success i carnt seem to get it working..
Hi, you just had the code in the wrong place, that's all.
I fixed it for you.

http://img.skitch.com/20080801-gf3sh8iwi68auqwm2t592w352h.jpg

[wowhot]

Hi, you just had the code in the wrong place, that's all.
I fixed it for you.

http://img.skitch.com/20080801-gf3sh8iwi68auqwm2t592w352h.jpg



it does not show up in ie... why is that when i try it now

[Mike Lane]

it does not show up in ie... why is that when i try it nowBecause IE sucks. Sometimes you have to drag the little favicon to the right a few pixels and then let it snap back into place before IE will recognize it. Sometimes not even that helps. :dunno

In an unrelated note, I saw that you declared 3 body tags in your header for some reason so I deleted this part:<body bgcolor="#000000">
<body bgcolor="black">
<body bgcolor="black">and replaced that with this in your CSS section:body.bodyColor_Black {
background-color: #000000 !important;
}The body tags weren't doing anything for you anyhow since they were being overwritten by the CSS (not to mention they were in the wrong place and there were 3 of them :deal).

What you're seeing now is that your background is black which is slightly different than you were seeing before. If you'd like it to be how it was before I made this change, go into your customization screen, look in your CSS panel, and change the CSS I added to this:body.bodyColor_Black {
background-color: #161616 !important;
}

[wowhot]

Hi there you explained the problem .. now i understand but there is a part wich i dont ... you wrote

(Sometimes you have to drag the little favicon to the right a few pixels and then let it snap back into place before IE will recognize it. Sometimes not even that helps. :dunno)

could you please explain in a little more detail where i have to go to move my favicon a few pixials to the right..

does that mean that i have to recreat a completly new one a few pixals to the right..

sorry for my confusion.

[Mike Lane]

Hi there you explained the problem .. now i understand but there is a part wich i dont ... you wrote

(Sometimes you have to drag the little favicon to the right a few pixels and then let it snap back into place before IE will recognize it. Sometimes not even that helps. :dunno)

could you please explain in a little more detail where i have to go to move my favicon a few pixials to the right..

does that mean that i have to recreat a completly new one a few pixals to the right..

sorry for my confusion.Yeah no problem. So in the menu bar in IE you actually have to click on the favicon and drag it over a few pixels and let it go a few times for it to work. There's nothing to create, just stupidness to do. It may not even work, that's just IE being dumb. Other people's IE may work, or not. It's hard to tell. :dunno

What I'm really saying is that 1) I wouldn't worry about it too much and 2) if it really bothers you, switch to a good browser (http://www.mozilla.com/). :deal

[Allen]

Yeah no problem. So in the menu bar in IE you actually have to click on the favicon and drag it over a few pixels and let it go a few times for it to work. There's nothing to create, just stupidness to do. It may not even work, that's just IE being dumb. Other people's IE may work, or not. It's hard to tell. :dunno

What I'm really saying is that 1) I wouldn't worry about it too much and 2) if it really bothers you, switch to a good browser (http://www.mozilla.com/). :deal
That works but it changes to Smuggie instead of my favicon.:rofl

[d3lphi]

Add me to the list of those whos favicon does not display properly in IE.
http://www.pressandhold.com/
Does it work for anyone in IE? Can anyone see mine in IE?

[jerryr]

Hi - I was successful at the favicon displaying in FF on Windows and Mac.
No luck with Safari - can someone verify the code:


<link rel="SHORTCUT ICON" href="http://www.webdesignsbyjr.com/eepflash/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://www.webdesignsbyjr.com/eepflash/favicon.ico" type="image/x-icon">

site: www.eagereyephoto.com (http://www.eagereyephoto.com)

Thanks - jerryr

[jerryr]

bump - please see below -

Hi - I was successful at the favicon displaying in FF on Windows and Mac.
No luck with Safari - can someone verify the code:


<link rel="SHORTCUT ICON" href="http://www.webdesignsbyjr.com/eepflash/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://www.webdesignsbyjr.com/eepflash/favicon.ico" type="image/x-icon">

site: www.eagereyephoto.com (http://www.eagereyephoto.com/)

Thanks - jerryr

[Andy]

Jerry, no clue :( Sorry. These browsers are inconsistent with the favicons.

[Patriot Photography]

I have tried quite a few different tactics and my favicon is still being very unreliable. My best guess is that the problem lies with the hosting service. I have tried using smugmug all manner of ways with every different uploader and it does not want to accept .ico's I ended up using yahoo briefcase AND google whateveritscalled and they both did something funky with the url that I linked to. This should be the url of my favicon but who knows.

http://us.f13.yahoofs.com/bc/48bc3ff5_2777/bc/My+Documents/6549.ico?bf0KevIB8GuTqOdh

[nickhaigh]

[quote=Patriot Photography]I have tried quite a few different tactics and my favicon is still being very unreliable. My best guess is that the problem lies with the hosting service. I have tried using smugmug all manner of ways with every different uploader and it does not want to accept .ico's I ended up using yahoo briefcase AND google whateveritscalled and they both did something funky with the url that I linked to. This should be the url of my favicon but who knows.




hmmm not sure I get it...everyones code has the file .jpg
if the filename has jpg in it then why do you have to rename the file .ico
but then upload the file else where to link...

[Igot2p]

I'm tryin to get this favicon thing goin. I think I've got one made to size, got the right canvas size and saved it as a BMP but a BMP won't load to my SMug site. It won't load when renamed to favicon.ico either. What's up with that??

[R.Leonardo]

I can't get this right. Fails on all browsers.:scratch

What is wrong with this?
<link rel="shortcut icon" href="http://www.robartphotography.ca/favicon.ico"> (as located on my domain host)

It is in the Head Tag.

I have spent well over an hour, using various code variations, found via searching Google. At one time I did have the my custom .ico, but then it somehow failed to appear again!

The image itself is not the permanent one I wish to use, in case there is comments about how heard it is to read.

Thanks,

Robert

[Andy]

I can't get this right. Fails on all browsers.:scratch

What is wrong with this?
<link rel="shortcut icon" href="http://www.robartphotography.ca/favicon.ico"> (as located on my domain host)

It is in the Head Tag.

I have spent well over an hour, using various code variations, found via searching Google. At one time I did have the my custom .ico, but then it somehow failed to appear again!

The image itself is not the permanent one I wish to use, in case there is comments about how heard it is to read.

Thanks,

RobertLet's see your website on Smuggy? :ear

[R.Leonardo]

Ya, I guess I should have put that, sorry. www.robartphotography.ca (http://www.robartphotography.ca)

[Andy]

Ya, I guess I should have put that, sorry. www.robartphotography.ca (http://www.robartphotography.ca)Hm. I don't get your .ico file at that link

http://www.robartphotography.ca/favicon.ico

[R.Leonardo]

That was weird, try again please.

I double checked the code, it is as I said. Also, I do understand the whole IE limitations and that is of no issue, seems most people I speak with don't use IE anymore anyway!

[R.Leonardo]

Bump

[jfriend]

That was weird, try again please.

I double checked the code, it is as I said. Also, I do understand the whole IE limitations and that is of no issue, seems most people I speak with don't use IE anymore anyway!

The code you have is this:

<link rel="shortcut icon" href="http://www.robartphotography.ca/favicon.ico">


That just points to a copy of the Smugmug favorites icon. You have to point to your own image.

Load this link (http://www.robartphotography.ca/favicon.ico) into IE and see what you get. You get a copy of the smuggy icon.

[Tomkirk23]

Hi -

I use the following code (this is an example) at the very top of the "Custom Header":

<link rel="shortcut icon" href="http://tomkirk23.googlepages.com/dwestlogo16x16.ico">

<link rel="icon" type="image/png" href="http://tomkirk23.googlepages.com/dwestlogo16x16.png">

I create an .ico version and a .png version of the 16x16 favicon graphic using Gimp (any graphic editor will do). Just exchange the hosted addresses of these files for the bolded addresses above.

This works pretty consistently for me. Favicons are not a perfect science, unfortunately.

Good luck,

Tom K

[R.Leonardo]

The code you have is this:

<link rel="shortcut icon" href="http://www.robartphotography.ca/favicon.ico">


That just points to a copy of the Smugmug favorites icon. You have to point to your own image.

Load this link (http://www.robartphotography.ca/favicon.ico) into IE and see what you get. You get a copy of the smuggy icon.

Ha, got it now. I kept putting it in my domain host, wiht the link as per the folders, not the proper direct direct link (https://robartphotography.sslpowered.com/........ , so it was reverting to the SM icon.

I used to think I was smart, until I started building a website!

Thanks for the help folks.

[tuningpeg6]

my site is kenquachphotography.com

i've been trying to do this personal favicon also but it's not working.

i put it in the header section. it's a gif image that i uploaded, which i actually like. would this work?

if not, i also have a favicon.ico image but cannot upload to smugmug.

please help.

[tuningpeg6]

my site is kenquachphotography.com

i've been trying to do this personal favicon also but it's not working.

i put it in the header section. it's a gif image that i uploaded, which i actually like. would this work?

if not, i also have a favicon.ico image but cannot upload to smugmug.

please help.


I'm still trying to work on this. Please kindly help

thanks!

[jfriend]

my site is kenquachphotography.com

i've been trying to do this personal favicon also but it's not working.

i put it in the header section. it's a gif image that i uploaded, which i actually like. would this work?

if not, i also have a favicon.ico image but cannot upload to smugmug.

please help. I see three issues:

1) You should put the code for a favicon in the HEAD tag section of your customization (a different box in the site-wide-customization page), not in the custom header section.

2) This will not work in IE at all. Smugmug has not done the work to allow a custom favicon to work in IE. Done right, it can work in Firefox and Safari.

3) The code you are using to specify the favicon is not correct. You have specified the URL of a page, not the URL of an image. The best way to get the URL to the actual image is using the Share button, but in this case I will just give it to you as this (note the different link to the image):

<link rel="SHORTCUT ICON" href="http://photos.smugmug.com/photos/843025161_YjvU7-O.gif">

[tuningpeg6]

I see three issues:

1) You should put the code for a favicon in the HEAD tag section of your customization (a different box in the site-wide-customization page), not in the custom header section.

2) This will not work in IE at all. Smugmug has not done the work to allow a custom favicon to work in IE. Done right, it can work in Firefox and Safari.

3) The code you are using to specify the favicon is not correct. You have specified the URL of a page, not the URL of an image. The best way to get the URL to the actual image is using the Share button, but in this case I will just give it to you as this (note the different link to the image):

<link rel="SHORTCUT ICON" href="http://photos.smugmug.com/photos/843025161_YjvU7-O.gif">

thanks,


but i did that and it still didn't work. still showing the smugmug favicon at the search bar.

http://www.dgrin.com/images/smilies/headscratch.gif

[jfriend]

thanks,


but i did that and it still didn't work. still showing the smugmug favicon at the search bar.

http://www.dgrin.com/images/smilies/headscratch.gif It's working here for me in Firefox (note I said it will NOT work in IE). If you have a specific page URL that it isn't working on, then post that. I see it working on your homepage now. I don't know what you mean by it's not working "at the search bar".

[tuningpeg6]

It's working here for me in Firefox (note I said it will NOT work in IE). If you have a specific page URL that it isn't working on, then post that. I see it working on your homepage now. I don't know what you mean by it's not working "at the search bar".

i have safari...and it's not working.

[jfriend]

i have safari...and it's not working.Apparently, it doesn't work in Safari. Smugmug has never made this feature work in all browsers. It is working in Firefox.

[tuningpeg6]

Apparently, it doesn't work in Safari. Smugmug has never made this feature work in all browsers. It is working in Firefox.


ok...thanks...will it work in IE and Safari in the future?

[jfriend]

ok...thanks...will it work in IE and Safari in the future?We've all been asking Smugmug when they will make the favicon work in all browsers for years. They even have the feature in Easy Customizer and it still doesn't work in all browsers. They could fix it if they wanted to (just stop putting their own favicon definition in when the user has already specified one), but apparently haven't thought it was important enough to make it work everywhere. So, in answer to your question - I have no idea.

[brent]

my site is kenquachphotography.com

i've been trying to do this personal favicon also but it's not working.

i put it in the header section. it's a gif image that i uploaded, which i actually like. would this work?

if not, i also have a favicon.ico image but cannot upload to smugmug.

please help.

Check my site, made a rotating gif Favicon. www.outofavila.com. Not sure if anyone is interested, but spent a lot of time figuring it out!

[brent]

Go to this link if you are interested in doing this, it's a start, but figuring it out after many hours it turned out to be simple!
http://www.html-kit.com/favicon/-/customize/

Still working on IE Favicon!

[smitty91]

WHy the heck doesn't smugmug allow the uploading of .ico files? Such a pain in the arse to do it a roundabout way through a different site. I'd rather not create another account on some other website just so I can upload the .ico file. Seems to be more trouble than it's worth.

*sigh*