Cara Mudah Membuat Link (HyperLink) Pada Gambar

Dalam hal ini, gambar tersebut digunakan sebagai object dari suatu hyperlink.

Untuk membuat link pada gambar ada 2 elemen yang dibutuhkan yaitu :

  1. URL / Tujuan Link
  2. Gambar (URL Gambar)

Syntax / kode dasar pembuatan link pada gambar yaitu :

<a href="url"><img src="url_gambar" /></a>


Dari kode diatas, ada 2 hal yang perlu diubah (perhatikan yg tulisan yg berwarna merah). Yaitu :

  1. url dalam tag <a> diubah dengan url tujuan, misalnya https://bahrudinblog.wordpress.com
  2. url_gambar dalam tag <img> diubah dengan url tempat penyimpanan gambar, misalnya  https://bahrudinblog.files.wordpress.com/2011/07/comment.png

Nah untuk lebih jelasnya, perhartikan hasil perubahan yg lengkap di bawah ini :

<a href=”https://bahrudinblog.wordpress.com“><img src=”https://bahrudinblog.files.wordpress.com/2011/07/comment.png” /></a>

Untuk melihat hasil dari penerapan kode tersebut, silahkan anda lihat pada gambar di kanan atas blog ini… Silakan mencoba.. JANGAN LUPA KOMENTARNYA……

About bahrudin Achmad

Cuma orang Goblok yg ingin Ngeblog....... Apa yg kutulis inilah caraku....sampean mau suka atau tidak itu urusan sampean.... :D
This entry was posted in Tutorial Blog praktis and tagged , , , . Bookmark the permalink.

Jangan Lupa Komentarnya....... Tinggalkan jejak anda dengan komentar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s