Membuat Semua Link Eksternal Terbuka di Window Baru Otomatis (Jquery)

Membuat Semua Link Eksternal Terbuka di Window Baru Otomatis (Jquery)

Cara Menambahkan Script Pembuka Link Eksternal Otomatis

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

 (abaikan script di atas jika sudah punya yang sejenis)

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

 2. Buka dashboard Blogger > Template > Edit HTML

3. Cari </head> (cara mencari kode di template editor Blogger)

4. Letakkan script yang sudah dicopy tepat di atas </head>.

5. Save template and done!


Jika anda memperhatikan script, disitu ada perintah cek dua kali, yaitu pada link berawalan http:// dan https:// (secure connection protocol), artinya script juga bekerja pada host dan link esternal sejenis yang menggunakan secured connection protocol, misalnya WordPress dan berbagai platform website yang dihosting sendiri.

Conditional tag (if) digunakan untuk mengajukan persyaratan/cek kedua protocol tersebut, dan jika nilainya sama dengan -1, maka link yang harus dicari (disyaratkan) adalah link yang tidak berada di dalam host yang sama (bukan link yg menuju website/blog anda), alias bersifat eksternal (External Links).

Setelah link-link sesuai persyaratan ditemukan, maka disisipkan / diinjeksikan atribut target="_blank" [{$(this).attr("target","_blank")}].

Logikanya, karena value -1 berarti adalah link yang tidak berada di host yang sama (link yang tidak menuju website/blog anda), maka value 1 berarti sebaliknya (nilai positif), yaitu jika diubah dari -1 ke 1, maka semua link internal anda akan terbuka di window baru.

Jika anda menginginkan semua link, baik internal maupun eksternal terbuka di window baru (meski saya tidak menyarankan), tidak perlu menggunakan script demikian, cukup gunakan tag base targettting berikut dan letakkan di dalam tag head (sebelum </head>):

<base target="_blank"/>

Simak selengkapnya dalam cara membuat link terbuka di window/tab baru.

That's it, and have a nice blogging, fellow brothers and sisters ;)

TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://vikaardiansyah.blogspot.com/2014/05/membuat-semua-link-eksternal-terbuka-di.html. Terima kasih sudah singgah membaca artikel ini.