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.
