Lelijke webclip-iconen vervangen bij websites van anderen

Als je een eigen website hebt kun je gemakkelijk een webclip-icoon ervoor maken. Maar bij bestaande websites zit je vast aan het webclip-icoon dat de maker van de website aanbiedt. Of toch niet? Met een beetje moeite kun je zelf een webclip-icoon maken voor websites zoals Twitter, Facebook en andere.

Deze tip is erop gebaseerd dat je een webclip aanmaakt naar een eigen webpagina en van daaruit een forward aanmaakt naar de gewenste website. Stel dat je voor Google Reader, NewsGator of Bloglines een RSS-icoontje wilt gebruiken in plaats van de standaard webclip. De hiernaast afgebeelde icoon bewaar je op je eigen webserver, bijvoorbeeld onder de naam rss-icoon.png.

Maak nu een HTML-bestand aan met een zelfgekozen naam, bijvoorbeeld rss.htm. In dit HTML-bestand neem je de volgende regel op:

Om een doorverwijzing te maken naar de mobiele versie van 9292OV (of een andere site) voeg je de volgende JavaScript toe:

Er is nog wel één probleem: als je eigen webpagina je meteen doorstuurt naar de andere website zal alsnog het lelijke icoon worden geladen. Dat is niet wat je wilt, want je moet tijd hebben om een webclip aan te maken als de pagina nog aan het laden is. Daarvoor voeg je de volgende vertraging toe:

Je hebt nu 5 seconden om een webclip-icoon te maken, voordat je wordt doorgestuurd. Is de webclip toegevoegd, dan kun je de vertraging weer op nul zetten, zodat je voortaan meteen wordt doorgestuurd: