Jenis - Jenis Link Pada Blogger

Seorang blogger harus mengetahui cara membuat link pada blog, karena, dengan mengetahui cara membuat link, sang blogger akan lebih mudah mengarahkan pengunjung pada halaman lain yang di inginkan.
akan tetapi, kebanyakan para blogger hanya nengetahui cara membuat link biasa seperti pada Script Di bawah ini.

<a href="http://sharief.co.cc/">Sharief.co.cc</a>

 Hasilnya adalah kata Sharief.co.cc akan menuju  langsung ke http://www.sharief.co.cc.


Jika para blogger ingim membuat link yang lain, harus menambahkan beberapa kode atau Script.
Setiap jenis link memiliki kode atau Script yang berbeda-beda.


Berikut ini adalah jenis link dan funsinya masing-masing.

1. Membuat link pada blog yang membuka tab baru saat di klik
2. Membuat link pada blog yang membuka langsung 2 halaman atau 2 situs
3. Membuat link pada blog yang membuka langsung halaman tanpa di klik
4. Membuat link Gambar
5. Membuat link yang membuka pada Popup windows atau Jendela kecil

Baiklah, saya mulai dari yang pertama.


1. Membuat link pada blog yang membuka tab baru saat di klik
Saat pengunjung mengklik link jenis ini, halaman yang dituju link akan terbuka di tab baru browser. untuk membuatnya kita hanya perlu menambahkan kode target="_blank" setelah alamat url yang dituju link. Bisa juga menggunakan kode target="_new" , dan bisa juga menggunakan kode target="_up".
Contoh kode yang digunakan seperti ini : 

<a href="http://www.sharief.co.cc/" target="_blank">Sherief.co.cc</a>

 Kode diatas akan membuat kata Sharief.co.cc menjadi link menuju ke halaman http://www.sharief.co.cc/ yang akan terbuka di tab baru browser. Kode link diatas akan menghasilkan link seperti ini :
Sharief.co.cc
Silahkan Klik untuk mengetahui hasilnya.


2. Membuat link pada blog yang membuka langsung 2 halaman atau 2 situs
Link jenis ini akan membuka 2 halaman sekaligus pada saat bersamaan saat linknya di klik
Contoh kode yang digunakan seperti ini : 

<a href="http://www.sharief.co.cc" target="_blank"onclick="window.open('http://www.google.com')">Sharief</a>

 Kode link diatas akan menghasilkan link seperti dibawah ini
Sharief
Silahkan Klik untuk mengetahui hasilnya.


3. Membuat link pada blog yang membuka langsung halaman tanpa di klik
Link jenis ini akan langsung terbuka tanpa di klik saat mouse menyentuh / melewati link.
Contoh kode yang digunakan seperti ini : 

<a href="http://www.sharief.co.cc" onmouseover="window.location=this.href">Sharief.co.cc</a> 

Hasil dari kode link diatas seperti ini :
Sharief.co.cc

Silahkan arahkan mouse anda pada link untuk melihat hasilnya.


4. Membuat link Gambar
Selain menggunakan kata atau kalimat, kita juga bisa menggunakan gambar sebagai link. Untuk jenis link yang satu ini kita membutuhkan sebuah gambar yang tersimpan pada imge hosting lalu menggunakan alamat URL Gambar tersebut. Misalnya kita akan menggunakan Gambar di bawah ini sebagai link

Gambar diatas tersimpan di PICASA dengan alamat URL

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFRYWluFz_4myd6xVHVPyY84hiWewgBWz5j2WZdG15cT5wZ5i0ITTfjNf_lkCv16IJa6izyUW8z2YN0KcNdLsEdXoUCmQ3BPEZ3fAx2_Sb6OK3MJ6xlrWjYuQuq7bSfKxiZViW2gL5gKBN/s128/Untitled-2.gif

Untuk membuat gambarnya menjadi link, Contoh kode yang digunakan seperti ini :

<a href="http://www.sharief.co.cc" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFRYWluFz_4myd6xVHVPyY84hiWewgBWz5j2WZdG15cT5wZ5i0ITTfjNf_lkCv16IJa6izyUW8z2YN0KcNdLsEdXoUCmQ3BPEZ3fAx2_Sb6OK3MJ6xlrWjYuQuq7bSfKxiZViW2gL5gKBN/s128/Untitled-2.gif" border="0" /></a>

Hasilnya seperti ini.

Silahkan klik gambar diatas untuk melihat hasilnya

5. Membuat link yang membuka pada Popup windows atau Jendela kecil

Untuk mengarahkan Link pada Popup windows, dapat anda lihat pada posting saya sebelumnya Di Sini

Semoga Bermanfaat...!

Script Sorce : Bloggerbugis