The external links below show the favicon after
Just drag one or more stacks that can contain text in the drop zone of the stack. Choose the position of the favicon (before or after the link) and set the desired size of the favicon. Make sure you start all external links with http://
— without this the favicons will not show.
For specific links you don't want an icon on, add a class NoFavLink (fig. 1)
Need help using it on a non-stacks page? Here’s a tutorial
- The favicons will not show in Edit Mode. Instead, a generic icon ( ) will be shown. Preview your page to see the actual favicons.
- If the favicon cannot be fetched, this generic icon will also be shown in Preview mode and on the published website.
- Every favicon is an extra http request. Using this stack on a huge amount of links may increase the loading time of the site considerably.
- This stack works in recent versions of all major browsers, but not in Internet Explorer 8 and worse.
This stack is inspired on an article by Chris Coyier
. It uses Google’s favicon fetching ‘secret URI
’. It is said that this was probably ‘provided by Google’s social bookmarking service Google Shared Stuff. While Google Shared Stuff was launched in 2007, it was already discontinued in 2009. However, this one URI seems to work perfectly maybe because it is still used within Google extensively.’ [source
], so I don’t expect this service to stop soon.
Please use this form to report all issues, questions and comments.
This stack requires RapidWeaver
(version 7 or higher) and the Stacks plugin by YourHead
(version 3.5 or higher).