Sunday, June 2, 2013

Membuat Link Pada Sebuah Gambar

Serupa dengan cara membuat link anchor url pada text di blog, membuat link pada sebuah gambar dapat dilakukan dengan mudah. Hanya dengan kode HTML standar, kamu dapat membuat sebuah gambar apabila di klik akan menuju ke halaman lain. Contohnya adalah seperti pada gambar diatas.

Biasanya developers website sering menggunakan dan merancang gambar secara dinamis. Namun, pada tips dan trick hari ini, hanya akan menjelaskan bagaimana memunculkan atau menampilkan gambar di halaman interface blog/website anda.

Cara Membuat Link Pada Sebuah Gambar :
1. Upload terlebih dahulu gambar yang anda miliki, bisa melalui Photobucket.com atau didalam Posting Artikel di Blogger apabila kamu menggunakan blog di blogspot.
2. Copy link url gambar yang telah diupload tadi.
3. Untuk membuat link pada gambar dapat dilakukan dengan 2 bentuk kode umum yaitu
    Bentuk 1 :
<a href="http://www.mediabloger.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SdZLmMP4ocP_2G_mPr1gQQBf3VTIjZ_naN988rJHtuFdon2MlWsEQMmmfbPoPfCy0x8WH54I8bixxBJqLbSa8CezmTQEFGOnxjkMRPb7Zc0q-V8AjaQGwFA2EDgxihzqMDNUX0SguPg/s1600/GoogleWifi.jpg" alt="Membuat Gambar ketika diklik muncul ke link url lain"/></a>
link url pada gambar image
    Bentuk 2 :
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBAEhy1wr5u_yJ-p57sB0RXOrSAOrKT3tByS-GbYV-Do103YrA2aRqg8M1hB16V9P-db1DRrWEtoJ3hj-jTdA9ta1KeyytC-qMM3jmXksQH0T_x1jH5nuCArohXeI1h4RcHeoBfohDAQI/s1600/link+url+di+gambar.png' alt='Memasang Link pada gambar image' href='http://impoint.blogspot.com/2013/06/membuat-link-pada-sebuah-gambar.html' />
Keterangan :
Kode berwarna biru silahkan anda ganti dengan url link yang diinginkan atau yang anda tuju. Lanjutkan dengan mengubah kode warna hijau dengan url link gambar kamu.
Kode warna merah anda ganti dengan nama gambar kamu agar dapat terindex pada search engine.

Dengan cara diatas, anda sudah berhasil membuat direct link pada sebuah image/picture/gambar. Demikian artikel membuat link pada gambar, baca juga artikel saya tentang Cara Membuat Gradiasi Warna di Gambar Background. Semoga bermanfaat untuk sahabat Media Blogger.

No comments:

Post a Comment