Inilah Cara Mudah Menciptakan Semua Eksternal Link Di Blog Terbuka Pada New Tab Window

Ada sebuah pertaniyaaan menarik terkait link pada blog. Dapatkah menciptakan link iyaang seTutorial Cara otomatis terbuka pada tab gres (new tab) tanpa harus disetting seTutorial Cara manual?

Pada dasarniyaa pada default blogger telah disediakan mengenai link ini. Bisa diatur supaiyaa terbuka pada window iyaang sama, atau sanggup pula disetting supaiyaa terbuka pada tab gres ketika link tersebut diklik. Selengkapniyaa sahabat sanggup menuju ke artikel Cara Membuat Link di Blog untuk Mengaitkan Antar Halaman dan Postingan.

Manfaat eksternal  link terbuka pada new tab

Biasaniyaa klik open in new tab dipakai untuk eksternal link, sedangkan untuk internal link menggunakan settingan terbuka pada window iyaang sama. Salah satu tujuan penggunaan internal link iyaang terbuka pada window iyaang sama iyaahal itu menjaga reader untuk tetap menjelajah blog tanpa harus menutup window. Sehingga bounce rate blog akan terjaga dengan baik. Selain hal itu juga, overall pageviews juga akan naik.

Cara supaiyaa eksternal link terbuka pada new tab

Tutorial blogging kali ini iyaahal itu bagaimana Tutorial Cara menciptakan SEMUA eksternal link iyaang terdapat dalam blog seTutorial Cara otomatis terbuka pada tab window baru. Cara ini tidak berefek pada internal link blog, akan tetapi haniyaa fokus pada eksternal link dan juga external hostnames saja. Berikut Tutorial Caraniyaa.

1. Masuk ke saiyaan blogger, menuju ke Template. Sebelum menuju ke mode HTML saiyaa sarankan untuk backup template terlebih dahulu untuk berjaga-jaga. Lalu klik Edit HTML.

2. Letakkan instruksi script di bawah ini sempurna di atas </head>.

script src='http://ajax.googleapis.com/ajax/libs/jquery/1/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>

Catatan: kalau template telah terinstall instruksi JQuerry, maka jangan mengikutsertakan instruksi warna merah, atau dihapus saja.

Akhiri dengan Save template.

Silakan lihat alhasil pada blog milik sahabat. Apakah setiap link eksternal telah benar-benar terbuka pada new tab gres ketika diklik.

Perlu diketahui, bahwa Tutorial Cara ini sangat responsive dan kompatibel dengan semua browser.

Demikian Tutorial Cara menciptakan semua eksternal link terbuka pada new tab window. Semoga bermanfaat dan selamat mencoba.