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