Jumat, 14 Januari 2011

Cara Membuat Link Terbuka di Window/Tab Baru dan Variasinya

Membuat link terbuka di window/tab baru adalah hal penting, yaitu agar visitor tetap memiliki akses terhadap page referral di mana dia menemukan link baru untuk di-klik. Selain itu, bagi pemilik blog/website hal ini juga menguntungkan karena visitor tidak segera meninggalkan halaman blog/website karena adanya window baru yang harus dibuka.

Selain itu, posting artikel yang tengah dibaca oleh visitor juga tidak menghilang tergantikan oleh halaman baru dari link yg di-klik oleh visitor. Visitor tetap dapat membaca artikel hingga selesai sambil melihat referensi link yg terdapat di dalam posting. Sebagai contoh klik link ini. Link yg saya referensikan menuju halaman yg terbuka melalui window baru. Anda masih memiliki halaman ini untuk kembali dilihat dan dibaca.

Berikut tag yang saya gunakan untuk link tersebut:
<a href="http://budihaeruman.blogspot.com/2011/02/auto-publish-kontenartikel-blog-ke.html" target="_blank">klik link ini</a>
Kode target="_blank" adalah perintah kepada browser untuk membuka link di window baru. Dalam beberapa bentuk lain, ada juga yang menggunakan kode target="blank"atau target='_blank', dan semuanya bekerja alias efeknya sama.

Dasar tag sebagai perintah untuk membuka window baru dari sebuah link adalah target dan target="_self" adalah perintah  dasar untuk membuka link di window yang sama. Secara default, halaman-halaman web biasanya telah memiliki perintah ini secara otomatis, sehingga tidak perlu ditambahkan lagi. Kode ini secara khusus digunakan untuk halaman yang memiliki frame-frame.

Jika link di dalam konten/posting anda banyak dan anda ingin agar window/tab baru yang dibuka oleh pengunjung tidak terlalu banyak, anda dapat memberikan kode perintah target="output" di dalam link-link agar terbuka di window baru yang sama (remote window). Sebagai contoh klik link-link di bawah ini:
 Ini kode yang dipakai untuk link-link diatas:
<a href="http://budihaeruman.blogspot.com/2011/06/cara-membuat-list-html-menu-sederhana.html" target="output">Link contoh 1</a>
<a href="http://budihaeruman.blogspot.com/2011/01/cara-mengubah-warna-teks-comment-di.html" target="output">Link contoh 2</a>
<a href="http://budihaeruman.blogspot.com/2010/12/8-alasan-mengapa-kita-harus-menggunakan.html" target="output">Link contoh 3</a>
Untuk membuat semua link yang ada di dalam blog/website terbuka di window baru secara otomatis, sisipkan kode <base target='_blank'/> atau <base target="_blank"> diantara <head> dan </head> di dalam template HTML. Ganti _blank dengan output jika ingin semua link di blog/website terbuka di window baru yang sama.

Note:
Untuk edit link di posting, masuk ke edit HTML

 Blogger/Blogspot                          Wordpress



mencuri adalah pekerjaan pengecut! © budihaeruman.blogspot.com

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Modern Warfare 3