Membuat Semua Link Terbuka di Jendela Baru

Kadangkala, ketika membuat artikel yang berisi link ke tempat lain, kita terlupa (atau bahkan mungkin malas) membuat link tersebut terbuka di jendela baru (dengan memberi kode target="_blank"). Akibatnya, jika pembaca blog kita mengeklik link tersebut, halaman blog kita akan tertutup dan berganti menjadi halaman dari link tersebut. Tentu ini "merugikan" kita dari segi pageview karena berarti pengunjung akan meninggalkan blog kita.

Nah, ada cara termudah untuk membuat semua link di blog kita terbuka di jendela baru. Vanudin membuat sebuah script yang akan membuat setiap link di blog kita terbuka di jendela baru. Berikut adalah scriptnya :

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i = anchors.length-1; i >= 0; i--) {
var anchor = anchors[i];
if (anchor.href) {
if (!anchor.href.match(/^http:\/\/.*mywebsite\.com.*$/))
anchor.target = "_blank";
}
}
}
window.onload = externalLinks;


Jika anda berniat untuk membuat semua link blog anda terbuka di jendela baru, simpan kode tersebut dengan nama external.js dan upload ke server kesayangan anda. Untuk memanggilnya, gunakan kode berikut :


<script src=" JAVASCRIPT_URL/external.js" type="text/javascript"></script>


Ganti JAVASCRIPT_URL dengan hosting dimana anda menyimpan file tersebut. Sebelumnya aku juga memasang kode tersebut di blog ini. Dan memang, semua link akan terbuka di jendela baru tanpa kita harus mengaturnya. Sayangnya, hal ini justru merepotkan karena tidak hanya link keluar blog ini saja yang terbuka di jendela baru, link antar blog ini pun juga terbuka di jendela baru. Hal ini cukup mengganggu. Ada juga pengunjung yang protes karena permasalahan ini.

Permasalahannya, aku tidak tahu (dasar masih awam) bagaimana memfilter agar link-link keluar saja yang dibuka di jendela baru. Oleh karena itu, lebih baik aku buang lagi script ini dan biarlah secara manual menambah kode target="_blank" di setiap link keluar, daripada mengorbankan kenyamanan pengunjung saat menjelajahi isi blog ini. Jika anda bisa memfilter link mana yang dibuka di jendela baru dan link mana yang tidak, tentu script ini cukup membantu. Jika anda bisa, tolong dishare disini, ya...

Share this article :
 

+ comments + 10 comments

bayu mukti
April 15, 2009 at 10:20 PM

:* oh gitu mas :D thank tipsnya :D saya biasanya pake cara manual gitu :D hehehe

BAMBANG WIBOWO
April 15, 2009 at 10:35 PM

pakai manual memang lebih sesuai keinginan, mas. kita bisa menentukan mana yang mau dibuka di jendela baru, mana yang mau dibuka dijendela aktif saat itu. hanya saja, kadangkala kita kelupaan. tapi aku juga sekarang pakai manual saja

Recent blog post: Membuat Semua Link Terbuka di Jendela Baru

davidyes
April 15, 2009 at 10:38 PM

:-D
bagus juga infonya mas..
lumayan untuk koleksi. thanks ya...
salam kenal

Recent blog post: Pertarungan di kursi peringkat alexa

BAMBANG WIBOWO
April 15, 2009 at 10:59 PM

Salam kenal juga mas david. terima kasih dah nyempetin mampir kesini

Recent blog post: Membuat Semua Link Terbuka di Jendela Baru

Guest
April 17, 2009 at 2:46 AM

Salam blogger!

=aRSYIL=
Numpang promosi: kunjungi blogku arsyil.blogspot.com

June 10, 2009 at 8:36 AM

Tampaknya kesalahan ada pada bagian script :

if (!anchor.href.match(/^http:\/\/.*mywebsite\.com.*$/))

silahkan ganti mywebsite dengan URL website anda. Maka setiap URL internal blog anda tidak akan terbuka pada windows baru.

Semoga membantu.

Recent blog post: http://www.patromax.com/just-high-paying-keyword-is-not-enough/

admin
June 11, 2009 at 1:50 AM

Wah, masternya langsung yang kasih pencerahan. makasih ya mas dah sudi mampir kesini, langsung praktekin lagi...

agusworo
November 5, 2010 at 10:05 AM

tenk you tipsnya bang....
berguna banget bagi yang newbie..hehehe

July 2, 2011 at 5:41 PM

ok ok ok

July 24, 2011 at 1:22 AM

It’s obvious that your knowledge of the subject is deep and this made for a very interesting read. Thank you.

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Bewegaleri Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger