Cara Membuat Semua Link External “Open in New Window”

January 5, 2009 · Posted in Blog Tips 

Bagaimana cara membuat semua link external di blog kita memiliki atribut “_blank” dan akan terbuka di window atau tab browser yang baru? Akhirnya aku menemukan caranya setelah bertapa selama sekian tahun :D

Catatan yang harus diingat bahwa link akan terbuka di “new window” atau “new tab” tergantung setingan di browser kita. Kalo kita mau semua link akan terbuka di “new window”, atau “new tab”, maka kita tinggal pilih button yang kita inginkan di settingan tab browser kita. Untuk browser mozilla firefox, setingannya bisa dilihat pada gambar berikut:

Kode yang kita gunakan untuk mewujudkan hal ini adalah kode “javascript”. Tambahkan kode berikut ini sebelum </head> pada header theme blog kita.

<script type="text/javascript">
<!--//--><![CDATA[//><!--

// Cara Membuat Semua Link External "Open in New Window"
// http://adieska.net/2009/01/cara-membuat-semua-link-external-open-in-new-window.html

function externalLinks() {
	if (!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName("a");
	for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i];
		if (
			anchor.getAttribute("href") && (
			anchor.getAttribute("rel") == "external" ||
			anchor.getAttribute("rel") == "external nofollow" ||
			anchor.getAttribute("rel") == "nofollow external" )
			)
		anchor.target = "_blank";
	}
}
window.onload = function() {
	externalLinks();
}

//--><!]]>
</script>

Done... Semua link external akan terbuka di "new window" atau "new tab" dengan sendirinya. Artinya setiap pengunjung blog kita mengklik link "external" (contoh link "external" adalah link para komentator di blog kita), maka window browser baru akan terbuka sehingga pengunjung tidak meninggalkan blog kita atau masih tetap tercatat berada di blog kita.

Kenapa kita perlu menerapkan cara ini? Karena tanpa disadari, ini ada pengaruhnya dengan Alexa Rank blog kita. Selain banyaknya kunjungan, fluktuasi alexa rank juga dipengaruhi oleh berapa banyak halaman yang dibuka oleh si pengunjung dalam setiap kunjungan dan berapa lama si pengunjung tersebut berada di blog kita. Gitu... :D

Semoga berguna...

Note: Cara ini tidak berlaku buat link yang berbasis javascript...

Reblog this post [with Zemanta]

Tags: <, , , , , , , , , , , , , , , , , , , >

Comments

39 Responses to “Cara Membuat Semua Link External “Open in New Window””

  1. nich on January 5th, 2009 8:12 pm

    tips yang bermanfaat nih, Lae

    jadi dengan cara ini, halaman kita tetap terbuka yah.. walaupun orang udah klik sana-sini.. sip-sip-sip dah!

    nich´s last blog post..Aku Rupanya Seorang Blogger Gaul

  2. hakimtea on January 5th, 2009 8:15 pm

    pertamaxxx nggak nih :D

    salah satu strategie untuk meningkatkan alexa yang cukup bagus… layak diuji coba, soalnya sekarang alexa udah mulai seret ngasih rank… nggak kayak dulu lagi bang… :mrgreen:

  3. tukang buang sampah on January 5th, 2009 8:16 pm

    wah bisa untuk pakai blogspot juga kayaknya nih :D makasih bro infonya

    tukang buang sampah´s last blog post..Cara Menaikkan Pagerank | Adakah Rumus Bakunya???

  4. soezack on January 5th, 2009 8:18 pm

    *nich..benar kali bang..mantab niy infonya..

    soezack´s last blog post..Liburan = Pereda Stress

  5. lukman hermawan on January 5th, 2009 8:22 pm

    wah tutorial yang bikin gue pussssssiiiiiinnnnnnnnnnng

  6. soul on January 5th, 2009 8:47 pm

    salam kenal

  7. Paman Gober on January 5th, 2009 8:55 pm

    oh…gitu ya bang. Manteb neh tipsnya :) Langsung dicoba

    Paman Gober´s last blog post..Testimoni Satu Tahun PutraEka.Org

  8. andirich on January 5th, 2009 9:16 pm

    Boleh juga neh tips nya… :)

  9. Arikaka.com on January 5th, 2009 9:17 pm

    Emang manteb banget dah..

  10. det on January 5th, 2009 9:21 pm

    tips yang mantabssss…… biasanya saya menambahkan secara manual ..

  11. Andre on January 5th, 2009 10:37 pm

    wah…ini udah saya cari2 bro…mantap dah, akhirnya dapet juga :)

  12. El Nino on January 5th, 2009 11:57 pm

    Sip ini.. soalnya secara default wordpress gak _blank.
    Tp blog gw dah kebanyakan JS nih :( takut loadnya tambah lama :(
    Paling taro di footer aja deh paling bawah JSnya :D

    El Nino´s last blog post..Chat Widget Dari Yahoo Messenger

  13. malapu on January 6th, 2009 2:08 am

    nah ini dia.. bagus neh sep dah sharingnya. tadi sempet kaget pas liat gambar. kukira bahas firefox. heheh

    malapu´s last blog post..Hati-Hati yang Pake Twitter ama Facebook

  14. Silverf0x on January 6th, 2009 8:41 am

    sekian lama menghilang, muncul2 langsung bagi tips mantaps. :D

  15. heddy on January 6th, 2009 9:10 am

    tips nya kok mantabs mas? ihihihih…langsung di coba dolo….

    heddy´s last blog post..This Your Slot

  16. project on January 6th, 2009 9:51 am

    pertapaan yang cukup lama ya, tapi gak sia2x nih menghasilkan inovasi baru

    project´s last blog post..Ada Usaha Phishing Melalui Twitter, sudah baca?

  17. afwan auliyar on January 6th, 2009 11:26 am

    mas kalo _blank buat buka open window kan !??! kalo yang new tab apa yak ?!?!
    jd klo open new window kaihan juga pengunjung lain yang mengklik hrus buka window baru :)

    afwan auliyar´s last blog post..Review Berantai 1

  18. afwan auliyar on January 6th, 2009 11:38 am

    mas kok nggak bisa buka new tab !??! di blog ini juga nggak bisa gitu !?!?

    afwan auliyar´s last blog post..Review Berantai 1

  19. project on January 6th, 2009 11:45 am

    adies, kok saya gak bisa yah, waktu saya klik link komentator di blog masih tetap terbuka di halaman yang sama, kira2 ada yang perlu ditambahkan gak…?

    project´s last blog post..Ada Usaha Phishing Melalui Twitter, sudah baca?

  20. okta sihotang on January 6th, 2009 12:56 pm

    mantrap bang..
    cuma masalahnya, kok blogmu ini NGGAK / MASIH BELUm menerapkannya ??
    aku coba klik disalah satu link, masih no target = “_blank”.

    okta sihotang´s last blog post..Postingan Awal Tahun 2009

  21. parlin on January 6th, 2009 4:29 pm

    top-markotop…..
    wajib hukumnya tuk mencoba….

    parlin´s last blog post..Harapan dan Ucapan

  22. Yaebook on January 6th, 2009 10:06 pm

    Wah keren teorinya …..

    Cuma kok lom dicoba dulu sebelum di copas ya. :)
    kali aja salah … :) ( Canda)

    Yaebook´s last blog post..Chemistry of Petrochemical Processes

  23. Syahuri on January 6th, 2009 11:13 pm

    Wah mantebs, kebetulan lagi berhayal hayal bisa beginian, eh ternyata ada disini….
    Thanks :) tak bukmark dulu :D

  24. Raffaell on January 7th, 2009 4:15 am

    Wah, aku masih memanfaatkan tombol ctrl untuk itu, jadi ga pake ah..

    Raffaell´s last blog post..Met Tahun baru yaa!

  25. Taktiku on January 7th, 2009 10:27 am

    makasih infonya nih , lengkap banget

    Taktiku´s last blog post..Don’t Buy Israeli Goods

  26. Kharianto on January 7th, 2009 2:31 pm

    mantaf,,, Salam kenal boss,,,

  27. vanudin on January 11th, 2009 9:51 pm

    Makasih tipsnya……

    saya juga bikin script yang fungsinya mirip lah…..

    http://www.patromax.com/agar-external-link-selalu-terbuka-pada-window-baru/

  28. ganool on November 4th, 2009 4:36 pm

    mantab bro,,
    berguna banget neh artikel,,
    script na bisa bkin user ttp di blog kita..heheh,,,
    thx bro..

    kalo ada script buat me-log IP user yg ngeklik iklan kita,klo kmu pke bidvertiser,,klo q pke kliksaya,,

    kalo ada script na bro,,tlng krm email yah,udah googling ksan-kmari tapi gak nemu2,,,

  29. Ubalin WebBlog on November 14th, 2009 12:52 am

    Berhari-hari saya muter2 nyari articles seperti ini, ternyata ada di mari..thanks bro…it is very useful for me…good job.!

  30. Augmentin. on February 27th, 2010 2:49 pm

    Drug reaction to augmentin….

    Augmentin 875….

  31. vaebzs on March 27th, 2010 11:41 pm

    terima kasih infonya

  32. Canang on August 20th, 2010 2:38 am

    Makasih Mas Infonya. Saya Mencari tips ini dari dulu Thanks banget. Oya main kesini ya mas http://duniamp3gratis.blogspot.com/ ama http://duniafilmgratis.blogspot.com/….

  33. ryan75800 on February 5th, 2011 10:13 pm

    Trims dah share very good info….

  34. polengs on March 9th, 2011 4:08 pm

    nice tutorial.,.,.,
    akhirnya dapet juga yang kayak gini.,., thanks.,.,.

  35. השקעות on March 10th, 2011 7:29 pm

    klo q pke kliksayם

  36. sandyratama on April 20th, 2011 3:41 pm

    permisi mas
    mau tanya ini tidak bekerja pada google chrome?

  37. cacad on May 16th, 2011 6:10 pm

    hoaxx nih artikel
    ga bisaaaaaaaaaaaaaaa

  38. Rudy on May 22nd, 2011 3:34 pm

    Bantu menyusun blog saya dong (www.rudiariyanto.co.cc),kasih masukan di menu chating.Trims.

  39. MENGUNGKAP RAHASIA TERBESAR GOOGLE on September 26th, 2011 3:46 pm

    ini khusus hanya untuk mozilla atau bagaimana?

    Lah kalau mozilla, berarti kan itu hanya khusus untuk komputer kita sendiri, bukan pada orang lain.

Leave a Reply