Kamis, 23 September 2010

MEMBUAT IMAGE LINK DENGAN HTML

Nah.. hampir sama juga dengan trik sebelumnya yaitu membuat link dengan text, tapi kali ini yang membedakanya adalah kita gunakan gambar sebagai visual link nya, pasti sering lihat kan gambar di klik lalu ngelink ke tempat lain nah kayak gini setidaknya script yang digunakan... lansung saja..

<a href="http://www.mboloz.co.cc" target="_blank">
<img src="http://img822.imageshack.us/img822/8071/badgez.gif">
</a>

Untuk URL yang atas adalah link yang ingin kita tampilkan saat gambar kita klik, sedangkan URL yang bawah adalah link gambar yang kita tampilkan bisa cari gambar yang sudah ada atau juga kita bisa buat gambar sendiri dan kita upload...

utuk script target="_blank" berfungsi agar saat di klik maka link akan open in new tab, dan untuk menghilangkan fungsi ini kita bisa hapus script tersebut.. menjadi seperti ini..


<a href="http://www.mboloz.co.cc">
<img src="http://img822.imageshack.us/img822/8071/badgez.gif">
</a>

Dengan script2 sederhana tersebut kita bisa membuat berbagai link yang kita inginkan di blog kita cukup dengan add widget dan pilih HTML/JavaScript
Semoga bermanfaat.....

Tidak ada komentar:

Posting Komentar