Otomatis Buka Link External di Jendela Baru dengan jQuery

Ini ada sedikit trik tentang bagaimana supaya setiap link external ( link yang menuju ke halaman web lain ) terbuka di jendela baru secara otomatis tanpa kita harus memasukan attribute target="_blank" ke dalam link tersebut.

Perlu diingat, trik ini menggunakan jQuery. So..buat yang mau mengaplikasikannya, jangan lupa pasang dulu jquery-nya.

Script jQuery Untuk Membuka Link External di Jendela Baru Secara Otomatis

jQuery(document).ready(function($) {
  $('a[href]').each(function(){
	var me = $(this);
	var href = me.attr('href');
	var domain = location.host;
	if( href.indexOf(domain) == -1 ) me.attr('target','_blank');
  });  
});

Sedikit penjelasan dari kode diatas, setiap element / tag a yang attribute href nya tidak mengandung nama domain / hostname, maka ditambahkan pada element tersebut attribute target dengan value _blank. Sehingga, ketika link tersebut di klik, akan terbuka di jendela baru.

2 komentar di Otomatis Buka Link External di Jendela Baru dengan jQuery

mas mau tanya...bisa gak ketika ada visitor masuk blog kita secara otomatis buka jendela baru dengan link berbeda tanpa mengalihkan blog kita...http://sedotwc-lancarmulia.blogspot.com/

trimakasih

bagaimana cara menambahkan rel='nofollow' di link eksternal