Wednesday, May 30, 2012

Cara Membuat Link Terbuka di Tab baru

Setiap Blogger pasti ingin pengunjung (visitor) blognya berlama-lamaan di blog mereka, tentunya dengan membaca sebanyak mungkin artikel yang disajikan oleh kita. Tetapi seringkali para pengunjung (visitor) meninggalkan blog kita dengan cara meng-klik Link yang kita tujukan ke blog yang lain (kalau internal link yang ditujukan ke blog kita lagi berarti masih di blog kita dong. he...he.. he..). Disini ada satu cara untuk membuat pengunjung tetap diblog kita meskipun mereka klik Link ke blog lain, yaitu dengan cara membuat Link terbuka di Tab atau window baru. Hal ini juga menguntungkan pengunjung blog kita karena mereka tidak harus meninggalkan blog kita saat mereka meng-klik referensi Link yang kita buat.
Cara membuat Link terbuka di Tab/Window baru cukup mudah, dengan penambahan beberapa kode HTML sudah cukup.
Sebelumnya, tentunya kita harus tahu cara membuat link dengan memakai kode html.

A. Cara membuat link :
<a href="alamat_link_tujuan">judul/teks</a>
Contoh :
<a href="http://dicksonadacara.blogspot.com/p/daftar-isi.html">Daftar Isi</a>
Jadinya akan seperti ini : (Silakan klik teks dibawah ini)

 
B. Cara membuat link yang terbuka di Tab/window baru, cukup dengan menambahkan target="output" diantara alamat_link_tujuan dan judul/teks.
Caranya adalah sebagai berikut :
<a href="alamat_link_tujuan"target="output">judul/teks</a>
Contoh :
<a href="http://dicksonadacara.blogspot.com/p/daftar-isi.html"target="output">Daftar Isi</a>
Jadinya akan seperti ini : (Silakan klik teks dibawah ini)
Coba Klik contoh A dan contoh B kemudian lihat perbedaaanya....
Cara ini juga dapat digunakan untuk Internal Link ke blog kita.
Mudah bukan?

Nah, bagi yang belum tahu kemana harus menuliskan HTML code-nya, dibawah ini adalah caranya :

Bagi yang memakai platform Wordpress :
1. Masuk ke Dashboard Wordpress
2. Posts > All Posts
3. Pilih Posting yang ingin kita Edit dan kemudian klik Edit dibawahnya
4. Klik Tab HTML di teks editor, kemudian carikan text yang ingin kita buat "Link"-nya.
Bagi yang memakai platform Blogspot :
Langkah 1 sampai 4 sama dengan Wordpress, tetapi gambarnya agak lain seperti dibawah ini :
Selamat mencoba.....

2 comments: