Rabu, 06 April 2011

Agar Link Pada Postingan Blog Menjadi "Open New Tab"

Anda ingin mengatur agar setiap link pada blog kita saat di klik user akan membuka Tab Windows baru tanpa menutup blog kita...????
Contoh saat anda memberikan link untuk mendownload 1 file yang anda share biasanya ada tulisan 
" Klik disini untuk mendownload file "

Ketika seseorang mengKlik kata " disini " maka browser akan membuka alamat link yg anda sembunyikan dibalik kata disini dan menyebabkan halaman blog anda akan ditimpa dengam alamat link tersebut.
Bagaimana caranya agar saat kata disini di-klik, maka halaman blog tidak ditimpa tetapi membuka Tab baru??
Berikut langkah2 yang bisa dilakukan :  

Perhatikan setiap anda membuat link pada postingan anda. Biasanya bentuk bahasa htmlnya seperti berikut :

<a href='http://alamat-link.com'>disini</a>


* Yang berwarna merah merupakan alamat link tujuan, dan yang berwarna hijau adalah kata yg apabila diklik pada bagian tersebut akan menuju pada alamat link.

Nah, agar membuka tab baru saat link di buka, rubahlah bahasa html diatas menjadi seperti berikut :

<a href="#" target="_blank" rel="dofollow" onclick="window.open('http://alamat-link.com'); return false;">disini</a>


Bagaimana jika berbentuk Banner atau Gambar ???
Untuk link yang berbentuk banner biasanya bahasa Html nya seperti berikut :

<a href='alamat-link.com'><img src='alamat_gambar.jpg'></a>

Agar jika banner di klik membuka tab baru tinggal ganti menjadi berikut :
<a href="#" target="_blank" rel="dofollow" onclick="window.open('http://alamat-link.com'); return false;"><img src='alamat_gambar.jpg'></a>

Selamat Mencoba ya.... !! :)

2 komentar:

Silahkan Tinggalkan Komentar di Sini