Cara Agar External Link Pada Blog Terbuka Pada Tab Baru Pada Browser

Cara Agar External Link Pada Blog Terbuka Pada New Tab - Pada artikel saya sebelumnya dengan judul Cara Membuat Semua Link Terbuka Pada Tab Baru Secara Otomatis Di Blog Agar Blog Lebih SEO. 

Disana saya menjelaskan bagaimana cara agar setiap link yang ada pada artikel kita yang ada pada blog kita akan secara otomatis terbuka pada tab baru jika ada pengunjung blog kita mengklik link tersebut.

Baca
Perbedaan Antara Galaxy S7 Dengan Samsung Galaxy S6

Jika pada artikel saya sebelumnya semua link yang ada pada blog yang kita miliki tersebut akan terbuka pada tab baru. 

Namun pada artikel saya kali ini saya akan memberikan sebuah tutorial dimana link aktif yang akan terbuka pada tab baru hanya link external saja, bukan link yang menuju blog kita sendiri.

Kegunaan membuka link pada tab baru.

Pada kesempatan sebelumnya saya juga sudah menjelaskan, cara ini dapat kita pergunakan pada blog kita untuk dapat mengurangi tingkap bouce rate yang tinggi pada blog yang kita miliki.

Dengan berkurangnya tingkat bouce rate pada blog kita maka blog kita akan secara otomatis akan dipandang baik oleh mesin pencari google.

Jika kita mempergunakan cara ini maka secara otomatis tingkat seo pada blog kita akan semakin baik dikarenakan tingkat bouce rate pada blog yang kita miliki akan secara otomatis berkurang dan hal ini lah yang membuka blog kita akan semakin di sayang mesin pencari yang ada.

External link dan Internal Link

Apa itu external link, External link merupakan sebuah link atau tautan yang ada pada artikel blog kita yang mengarah keluar atau dengan kata lain menuju link ke blog atau website lain.

Hal ini berbeda dengan internal link yang akan membuka link tersebut hanya pada blog milik kita sendiri atau hanya pada satu blog saja.

Cara agar external link terbuka pada tab baru.

Agar external link yang ada pada setiap artikel yang ada di blog kita agar terbuka pada tab baru, maka kita dapat mempergunakan langkah-langkah yang akan saya berikan dibawah ini.

Silahkan masuk ke blog milik anda

Masuk ke template > edit HTML

Cari kode </Head> lalu pastekan kode dibawah ini diatas kide </head> tersebut.

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

Simpan kode diatas dan anda dapat melihat hasil dari secript diatas pada blog anda.

Baca juga
Cara Mengcopy Artikel Blog Yang Tidak Bisa Di Copy Atau Di Proteksi

Penjelasan

Jika blog yang anda miliki sudah mendukung library dari jquery maka anda dapat menghapus kode yang saya berikan warna kuning diatas.

Untuk == -1 ini menandakan jika link yang nantinya akan terbuka hanya link external yang ada pada blog atau artikel yang anda miliki. Namun jika anda mengganti -1 menjadi 1 maka secara otomatis link yang akan terbuka jika pengunjung blog anda mengklik link yang ada pada blog anda adalah link internal yang ada pada blog anda.

Nah demikian artikel sederhana yang membahas mengenai Cara Agar External Link Pada Blog Terbuka Pada Tab Baru Pada Browser. Semoga artikel yang saya sajikan pada blog saya ini dapat berguna bagi rekan-rekan sekalian.

Salam ngeblog dari Newbie Code News cara ngeblog terbaru

Share this post