Thursday, May 2, 2013

Cara Membuat Link Pada Gambar

Assalammualaikum wr. wb

lanjut lagi sahabat, malam ini saya akan membahas tentang Cara Membuat Link Pada Gambar.

caranya tidak rumit, bila diperhatikan dengan teliti pasti berhasil kok :)

silakan simak langkah-langkahnya di bawah ini :


1. Sebelum kepada link gambar, kita lihat dulu bagaimana kode HTML dasar dari link teks, seperti  ini:

<a href="url tujuan">Teksmu</a>

2. Maka apabila saya ingin membuat teks link yang ditujukan ke KLIK IKLANKU, maka kodenya seperti ini:
<a href="http://klik--iklanku.blogspot.com/">KLIK IKLANKU</a>

3. Apabila kita ingin menampilkan gambar sebagai link, maka kita tinggal mengganti anchor teks menjadi gambar, kode dasarnya seperti ini:
<a href="url tujuan"><img src="url gambar" /></a>

4. Contoh kode, gambar yang ditujukan ke KLIK IKLANKU:
<a href="http://klik--iklanku.blogspot.com/"><img src="Kode Url Gambarmu" /></a>

5. Supaya terbuka di tab baru tambahkan kode target="_blank" pada url tujuan, contoh:
<a href="http://klik--iklanku.blogspot.com/" target="_blank">

6. Supaya gambar terbaca di Search Engine, tambahkan kode alt="keterangan gambar" pada url gambar, 
contoh:
<img src="http://i968.photobucket.com/albums/ae165/whiex/anigif-1.gif" alt="KLIK IKLANKU" />

7. Supaya keluar teks ketika mouse disimpan di atas gambar, tambahkan kode tittle="judul gambar"
contoh:
<img src="Kode Url Gambarmu" alt="logo blog KLIK IKLANKU" tittle="KLIK IKLANKU" />

8. Kode keseluruhan seperti ini :
<a href="Url yang dituju" target="_blank"><img src="Kode Url Gambarmu" alt="KLIK IKLANKU
 tittle="KLIK IKLANKU" /></a>

9. Selesai, semoga bermanfaat, silakan copas, tapi diberi sumbernya ya ? :D

Wassalammualaikum wr. wb :O)

No comments:

Post a Comment

 
Copyright © 2013. GAMBODH . All Rights Reserved