Mengganti Semua Link External Terbuka di Tab Baru

Jika secara manual untuk membuat Link terbuka di tab baru pada sebuah blog biasanya Anda menambahkan target='_blank' di dalam setiap link. Pada kode yang akan saya bagikan ini Anda tidak perlu menambahkan target ='_blank' di setiap link, jadi akan sedikit menghemat waktu Anda dalam memodifikasi blognya.

Seperti pada judul postingan ini, cara kerjanya cukup sederhana yaitu setiap link eksternal yang ada di blog jika kita klik akan langsung terbuka di tab baru browser. Dengan trik ini juga kita bisa membantu dalam mengurangi tingkat bounce rate blog kita.

Baiklah di sini Namina akan meberikan tips cara Mengganti Semua Link External Terbuka di Tab Baru.

Mengganti Semua Link External Terbuka di Tab Baru

Login ke Blogger > Klik menu Tema > Klik tombol Edit HTML dan tambahkan kode di bawah ini tepat sebelum kode </body>

<script type='text/javascript'>
//<![CDATA[
// Namina Tab Baru
function externalLinku(){for(var e=document.getElementsByTagName("a"),t=0;t<e.length;t++){var n=e[t];n.getAttribute("href")&&n.hostname!==location.hostname&&(n.target="_blank")}}externalLinku();
//]]>
</script>

Atau kode ini yang sudah diberi rel='nofollow noopener'

<script type='text/javascript'>
//<![CDATA[
// Namina Tab Baru
function externalLinku(){for(var e=document.getElementsByTagName("a"),t=0;t<e.length;t++){var n=e[t];n.getAttribute("href")&&n.hostname!==location.hostname&&(n.rel="nofollow noopener")&&n.hostname!==location.hostname&&(n.target="_blank")}}externalLinku();
//]]>
</script>

Jika sudah, klik tombol Simpan tema dan lihat hasilnya di blog Anda.

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 bisa membuka external link baik itu dari http:// ataupun https://.

Sekian untuk tips Mengganti Semua Link External Terbuka di Tab Baru, semoga bermanfaat.

Share this post