Als je, zoals ik, regelmatig links naar andere websites in je Blogger blog hebt, kan het handig zijn om deze links in een nieuwe tab of nieuw scherm te laten openen. Er zijn genoeg discussies over of je deze keuze niet aan de bezoeker zelf wilt laten (door bijvoorbeeld eerst Ctrl ingedrukt te houden en dan op een link te klikken), maar ik vind het zelf een handige functie om wel te implementeren.

Nu kan je links op verschillende manieren laten openen in een nieuwe tab, maar niet elke manier is efficiënt. Hieronder volgen drie verschillende manieren om aan te geven hoe links geopend dienen te worden.

Individuele links

Je kunt links individueel aanpassen door gebruik te maken van de target=”_blank” code. De code

<a href=”https://www.stephantenkate.nl” target=”_blank”>Link opent in nieuw scherm</a>

zorgt er voor dat de link zo werkt: Link opent in nieuw scherm

Alle links bewerken

Het is alleen veel werk om dit voor elke link in elke blogpost te doen. Nu kan je ook eenvoudig instellen dat alle links die geopend worden in een nieuwe tab, door in de achterliggende html code van je blog een kleine regel toe te voegen (zie de uitleg). Echter, dit heeft als nadeel dat je 1) in de achterliggende html code van je blog moet duiken (niet wat iedereen wilt) en 2) veel belangrijker, ook de links binnen je blog zelf worden in een nieuwe tab geopend. Elke nieuwe blogpost die men aanklikt wordt dan in een nieuwe tab geoepend, net als het aanlikken van labels, de home-knop, etc.

Verschil externe en interne links

Je zult dus een onderscheid moeten maken tussen interne links (links naar pagina’s binnen je blog) en externe links (links naar websites buiten je blog). Ik heb een erg eenvoudige manier gevonden om dit te doen (thanks Nipon Bharali!). En zelfs zonder de achterliggende html code aan te passen! Het enige wat je moet doen is gebruik maken van een gadget en daar een stukje code in zetten. Dit gaat als volgt:

De oplossing

1) Ga naar het Blogger Dashboard, en klik op Design.
2) Klik een bestaande gadget aan waar al een bepaalde code (html of javascript) instaat (ik heb bijvoorbeeld de gadget rechtsboven gebruikt waar mijn rss feed in staat). Voeg eventueel een nieuwe html/javascript gadget toe als je nog niet zo’n gadget hebt.
3) Plak vervolgens in de gadget onderstaande code. Vervang https://www.voorbeeld.nl voor de url van je eigen blog.
4) Sla de gadget op, verplaats deze nog eventueel in je layout en je bent klaar!

Als het goed is zullen alle externe links worden geopend in een nieuwe tab, terwijl de interne links in dezelfde tab openen.

<script type=”text/javascript” language=”javascript”>
var arr = document.getElementsByTagName(“a”); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf(“https://www.voorbeeld.nl”) < 0 //not links that are ‘inside’ blog && arr[i].href.indexOf(“javascript:”) < 0) //not javascript links
arr[i].target = “_blank”;
}
</script>

Eenvoudiger kan denk ik niet!

Geen artikel meer missen? Abonneer je gratis via RSS of per e-mail.