Membuat Semua Link External Terbuka Di Jendela Baru - Pada saat kita ingin membuat link terbuka di window baru, kita harus menggunakan script tambahan yaitu
target="_blank" atau dengan cara bawaan dari Blogger. Lalu, mengapa kita harus membuat semua link external terbuka otomatis di jendela baru? Karena apabila link eksternal terbuka pada jenela yang sama, itu berarti Anda sama saja menaikkan angka bounce rate dan membuat pengunjung blog "kesusahan" karena harus bolak-balik halaman. Bounce rate mengakibatkan hal negatif untuk blog, misalnya penurunan ranking Alexa.
Nah, pada pembahasan kali ini, kita akan membuat semua link external terbuka di jendela baru dengan bantuan script jQuery. Script ini umumnya sudah diterapkan di berbagai platform blog lainnya seperti WordPress. Jadi sebenarnya script ini bisa bekerja pada WordPress juga.
Ikuti langkah-langkah berikut ini untuk membuat semua link external terbuka di jendela baru:
1. Lihat apakah blog Anda sudah memiliki kode jQuery atau belum. Untuk mencari kode jQuery Anda tinggal mencari kode dengan keyword jquery. Jika blog Anda sudah memiliki kode jQuery lewati langkah ini, dan apabila blog Anda belum memiliki kode jQuery, silakan tambahkan script berikut tepat diatas </head>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
Keterangan: Abaikan langkah pertama diatas apabila dalam blog Anda sudah tertanam jQuery.
2. Jika jQuery telah ditambahkan, maka sekarang adalah saatnya untuk menambahkan script pembuka link external otomatis. Cari kode </head> terlebih dahulu, jika sudah ketemu letakkan script berikut tepat diatasnya.
<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>
3. Simpan template.
Semoga bermanfaat...
