Header Ads

Cara Membuat Link Terbuka di Tab Baru Secara Otomatis

Cara Membuat Link Terbuka di Tab Baru Secara Otomatis

Cara Membuat Link Terbuka di Tab Baru Secara Otomatis - Setelah mengetahui Cara Membuat Link Pada Artikel Postingan Blog kali ini saya kan memberikan Tutorial Cara Membuat Link Terbuka di Tab Baru Secara Otomatis. Nantinya kita tidak perlu repot-repot menceklis kotak Open this link in a new window yang ada di kotak dialog toolbar. selain itu Cara ini sangat berguna untuk menurunkan Bounce rate blog kita.

Sedikit penjelasan tentang bounce rate. Bounce rate adalah rasio jumlah pengunjung yang hanya membuka satu halaman saja pada blog yang Anda miliki. Semakin besar bounce rate yang dimiliki sebuah blog maka kinerja blog tersebut akan semakin buruk, sedangkan semakin kecil bounce rate pada sebuah blog maka kinerja blog tersebut akan semakin baik.

Tutorial Membuat Link Blog Terbuka Otomatis di Tab Baru

  • Membuat Semua Link Terbuka di Tab Baru Secara Otomatis (INTERNAL & EXTERNAL) 
Sedikit penjelasan tentang Internal link dan Eksternal link. Internal link atau disebut juga sebagai Inboundlink adalah link yang berasal dari blog kita sendiri sedangkan Eksternal link atau disebut juga sebagai Outboundlink adalah link yang ketika diklik akan mengarah ke halaman lain blog orang lain.

Cara Penerapan

Masuk ke dashboard blog anda Selanjutnya Pilih Template lalu Edit HTML cari kode </head> pastekan kode di bawah ini sebelum atau di atas kode </head> 

<base target='_blank'/>

Kode di atas akan membuat semua link Internal link dan Eksternal link yang berada di blog anda akan terbuka di tab baru. artinya bukan hanya link yang ada di dalam sebuah postingan saja, ketika anda mengklik link pada menu Navigasi, Sidebar dan lain-lain juga akan terbuka di tab baru.


  • Hanya Link Eksternal yang Akan Terbuka di Tab Baru

Cara Penerapan

Masuk ke dashboard blog anda Selanjutnya Pilih Template lalu Edit HTML cari kode </head> pastekan kode di bawah ini sebelum atau di atas kode</head> 

 <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> 

Kode di atas hanya membuat link eksternal (tautan keluar) saja yang akan terbuka di tab baru, sedangkan link internal (link yang mengarah ke blog anda) tidak.

Sumber Referensi: http://www.contohblog.com/2016/02/cara-membuat-link-membuka-tab-baru-otomatis.html

No comments

Powered by Blogger.