SABAR, SYUKUR, IKHLAS: Cara Membuat Link pada Gambar

9/02/2014

Cara Membuat Link pada Gambar

<!DOCTYPE html>
Contoh

<html>
<body>
<a href="http://www.beyblogdesign.blogspot.com"
target="_blank"><img src="emoticon 1.gif" alt="cara membuat link pada gambar"
height="260" width="320"><a/></p>
</body>
</html>

Piliih HTML
Copy kode html diatas
Ganti tulisan yang berwarna ungu dengan alamat yang akan digunakan!
Ganti tulisan yang berwarna oranye dengan gambar yang diinginkan!
Atribut "target="_blank"" digunakan agar halaman yang diklik akan terbuka pada jendela baru di browser!
Atribut "alt" digunakan agar gambar dapat dikenali oleh search engine!
Kode html ini bisa digunakan untuk Blog dan Website!

Sumber tulisan sebagian copy paste dari:

http://beyblogdesign.blogspot.com/2013/07/cara-membuat-link-pada-gambar.html

Contoh:

<html>
<body>
Summarecon Mal Serpong Culinary Writing Competition<a href="http://malserpong.com/" target="_blank"><img alt="Summarecon Mal Serpong Culinary Writing Competition" height="260" src="http://www.malserpong.com/images/FKS-Culinary-Writing-Competition-2014.jpg" width="320" /><a href="https://www.blogger.com/null"></a></a><br />
</body>
</html>

Hasil

Summarecon Mal Serpong Culinary Writing Competition