Otomatis membuka semua external link di new tab

Automatically Open all External Links in a New Tab - jika secara manual untuk membuat Link terbuka di tab baru pada blog dengan menambahkan target = "_blank" di dalam setiap hyperlink. kode jQuery  yang ditulis oleh +Mohammad Mustafa Ahmedzai ini dengan sederhana yang akan menyeleksi semua hyperlink dalam halaman blog sobat dan hanya akan menambahkan atribut target = "_blank"  pada link eksternal. dan tidak akan menempatkan  untuk link internal pada blog kecuali nilai href diganti. kode ini hanya akan menyeleksi eksternal link dan saat menemukan maka ketika di klik, laman browser akan terbuka di jendela baru. Sehingga mencegah pembaca blog untuk meninggalkan blog sobat dan juga membantu dalam mengurangi tingkat bounce rate pada blog.

Apa itu External Link?

Link eksternal adalah tauutan/link yang mengarah ke keluar blog sobat menuju blog lain. Dengan kata lain link tersebut akan terbuka ke blog lain saat di klik, berbanding terbalik dengan Internal link yang hanya terbuka pada satu blog saja

Membuka semua external link di tab baru

untuk menerapkan metode membuka semua external link pada blog ikuti langkah-langkah berikut ini

1. Login blogger >> Template >> Edit html
2. copy kode berikut tepat diatas </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>
$(document).ready(function() { 
  $("a[href^='http://']").each( 
    function(){ 
     if(this.href.indexOf(location.hostname) == -1) { 
        $(this).attr('target', '_blank'); 
      } 
    } 
  );
$("a[href^='https://']").each( 
function(){ 
if(this.href.indexOf(location.hostname) == -1) { 
$(this).attr('target', '_blank'); 
} 
} 
);
  
});
</script>

jika pada template sobat sudah terdapat library jquery, pada bagian stabilo merah tidak usah di copy

3. save template, dan silakan coba klik salah satu external link yang ada pada template blog

kode ini memiliki dua pengecek untuk memeriksa link yang dimulai dengan http:// dan https://. Biasanya semua blogger blog memiliki hostname dimulai dengan http:// dan tanpa secure protocol atau https://. Oleh karena itu kode ini ditambahkan untuk membuka external link http:// dan https://

kode yang distabilo kuning adalah bagian di mana script memindai nilai-nilai di dalam atribut href dan jika nilai sama dengan yang negatif (-1 ==), maka ini menunjukkan bahwa nama host adalah domain eksternal.

Jika sobat mengganti nilai href menjadi positif (== 1) dalam pernyataan kondisional, maka semua link internal sobat akan terbuka di tab baru!

Setelah kondisi ini terpenuhi, script kemudian memasukkan target = "_blank" atribut dalam tag hyperlink.