FavIcon for NewsBlur so it works on Pinned Items

question
#1

Hi

I’ve pinned NewsBlur in Win8 and Win7 and the icon use is the one for Internet Explorer - could a favicon be setup for NewsBlur so that when you pin it it have it’s own icon?

Thanks

Gareth

1 Like
#2

NewsBlur publishes its favicon: http://www.newsblur.com/media/img/fav…. Additionally, you can use higher resolution icons if you like: http://www.newsblur.com/media/img/log… and http://www.newsblur.com/media/img/log…. Alternatively, go to the press page and you’ll see all of these icons: http://www.newsblur.com/press

#3

Hi

I can find the icon - however if I load newblur.com in a web browser the favicon doesn’t ripple through to the page - then when I pin newsblur.com it does so with the standard IE logo rather than Newsblurs logo.

This wasn’t an issue in Win 7 as I could hack the pinned item and point it correctly. I can’t do that with Win8’s new Metro interface.

Does this make sense?

Thanks

Gareth

#4

Yeah, it’s because it’s only checking for favicon.ico. I added a rule to nginx to forward favicon.ico to /media/img/favicon.png: http://www.newsblur.com/favicon.ico.

#5

Hi

I can see it work on an Android device, however when I go to www.newblur.com in Internet Explorer the FavIcon isn’t being picked up by IE - are you able to replicate the issue?

Only once IE picks up the FavIcon will it use it for a Pinned site

Thanks for your help so far

Gareth

#6

Turns out IE9 doesn’t like favicons in PNG form. I converted it to ICO and it now works in IE9. I also had the chance to upgrade it to 32x32, so it should look better in retina as well. Thanks for letting me know!

1 Like
#7

Hi Samuel

IE now picks up the Icon in Desktop mode and if I pin it to the task bar.

However if I pin it to the Windows 8 Metro Interface it creates an orange tile but doesn’t pull the logo through.

I’ve looked a bit on the net and found this article from MS which I think says how to do it: http://blogs.msdn.com/b/ie/archive/20…

Thanks for again for the help so far.

#8

I also read something that said if the FavIcon included 64x64 it would work also…

I’ll leave it with you

Thanks

Gareth

#9

You got it. The favicon now has a 64x64 built in. Let me know how that works, I’d love to know. (Also, attach a screenshot if possible)

1 Like
#10

Hi

Unfortunately still no Joy - I think my 64x64 bit may be wrong, I’ll guess the MSDN post would work tho.

I actually think the favicon looks worse quality now than 2 hours ago - kind of looks like it’s only working at 16x16.

#11

OK, added the tile image. Let me know how that looks and works.

#12

Hi Samuel

Still no joy at the moment,

only things I can see different so far from the MS are:

*you have a leading “/” in this line of code in front of the media part and the MS example doesn’t ()

*the MS guide says the PNG should be 144x144 - the one your pointing at looks to be 128x128

*I wonder if you do the “msapplication-TileImage” if you have to also do “msapplication-TileColor” (which I assume would be orange of sort shade

Hope you don’t mind me suggesting things

Cheers

Gareth

#13

Went ahead and made those changes (although I need to keep the / at the beginning, I don’t think it’ll make a difference).

Let me know if it works. We’ll keep pushing until it does.

#14

Hi Samuel

Screenshot attached - it works great.

I’ve now pinned NewsBlur to my Win8 Start Menu and it looks like a full piece of software.

Thanks for looking at this - really appreciate your time on it.

Gareth