Rabu, 11 September 2013

Link


Mungkin ada teman-teman yang masih pemula yang ingin membuat link teks, jika anchor text (teks link) di klik, maka akan terbuka sebuah halaman baru. Terkadang jika anda berkunjung di sebauah blog, misalnya di blog saya ini, jika anda mengklik sebuah link halaman targetnya terbuka di halaman (tab/jendela)baru, dan terkadang halaman target terbuka di halaman (tab/window)yang sama.

Untuk membuat halaman target terbuka di halaman (tab)baru bisa buat link seperti di bawah ini:
(jika linknya berada dalam postingan, maka atur option teks editor pada mode Edit HTML)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfxr8D5gmeN7eU5Od3wpa7E3Nv__yLTlYXYh5ZHAn1ifnpaI52_hXPS1xOYzAc4p9ee1CIuxGhRJOc9gsUWGYZZaLkoBO68IIi2TTgzencxvFQqiON5TrZpkOlzljb8Ts67vDoqVJPjWRS/s320/link+teks.jpg
Membuat link untuk membuka halaman target di halaman baru, anda perlu menambahkan kode target="_blank" ke kode link standar.

Contoh 1:
<a href="url tujuan" target="_blank">teks yang akan ditampilkan</a>
atau
<a href="url tujuan" target="_blank">anchor text</a>
(catatan: anchor text = teks yang akan ditampilkan, biasa juga disebut teks yang berisi link /merujuk ke halaman postingan lain)

Contoh source code link:
<a href="http://mycomputerdummies.blogspot.com/" target="_blank">Dummy</a>

Hasil linknya Klik disini 
Dummy


Contoh 2:
<a href="http://artikelkomputerku.blogspot.com/2008/08/daftar-isi-tips-dan-tutorial-blog.html" target="_blank">Tutorial Blog</a>

Hasil linknya seperti ini: 
Tutorial Blog

Sebagai bahan perbandingan, anda bisa lihat contoh lain yang berbeda seperti di bawah ini, halaman target terbuka di halaman (tab)yang sama

<a href="url tujuan">teks yang akan ditampilkan</a>
Contoh source code linknya:
<a href="http://kalongkalong.blogspot.com/">Kalongkalong</a>

Hasil linknya Klik disini 
Kalongkalong

Selain membuat link di dalam postingan, anda juga bisa membuat link di sidebar, header, maupun footer. Kode yang digunakan sama saja. Kode ini saya terapkan di bagian header blog saya, dengan menggunakan gadget html/javascript
- See more at: http://artikelkomputerku.blogspot.com/2009/05/membuat-link-untuk-membuka-halaman.html#sthash.3BLHYATC.dpuf

Tidak ada komentar:

Posting Komentar