Cara Buat Link pada Gambar

Ternyata masih banyak juga ya para blogger baru yang lom ngerti cara buat link pada gambar. Padahal di postingan saya tentang cara buat link dah di jelasin dikit mengenai cara buat link pada gambar. Yawda..daripada penasaran saya buat artikelnya deh. Untuk membuat suatu link pada gambar, hal pertama yang harus anda ketahui adalah kode html untuk link itu sendiri. Berikut kode dasar html untuk bikin link :
<a href="url / alamat web yang akan dijadikan link">Tulisan link / gambar</a>
Contoh : Saya akan membuat suatu link yang menuju ke blog ini dengan tulisan link-nya kursus blog. Maka kode yang harus ditulis adalah seperti ini:
<a href="http://kursus-blog.blogspot.com">Kursus Blog</a>
Sehingga hasil yang ditampilkan adalah Kursus Blog. Setelah mengetahui dasar kode html pembuatan link, selanjutnya hal kedua yang harus anda ketahui sebelum membuat link pada gambar yaitu kode html untuk menampilkan gambar pada blog. Berikut kode dasarnya :
<img src="alamat url gambar / tempat gambar disimpan" alt="namagambar"/>
Contoh : saya ingin menampilkan gambar ini kursus blog, maka kode html yang harus di buat adalah seperti ini :
<img src="http://mizwar.blog.googlepages.com/logo.gif" alt="Kursus Blog"/>
Nah..jika 2 hal diatas sudah pada ngerti, sekarang waktunya untuk menampilkan sebuah link pada gambar. Kode nya seperti ini :
<a href="url / alamat web yang akan dijadikan link"><img src="url lokasi gambar" alt="nama gambar"/></a>
Pada text yang berwarna merah, masukan alamat web yang di jadikan tujuan link. Lalu pada url lokasi gambar, masukan alamat gambar yang akan di tampilkan. Pada nama gambar, isi saja bebas. Contoh : saya akan membuat suatu link ke blog ini dengan gambar kursus blog. Maka kode yang harus di buat adalah :
<a href="http://kursus-blog.blogspot.com"><img src="http://mizwar.blog.googlepages.com/logo.gif" alt="kursus blog"/></a>
Sehingga hasilnya menjadi kursus blog. Ok..mudah - mudahan pada ngerti ya. Oh iya...jika anda masih bingung dengan alamat lokasi gambar, klik kanan saja pada gambar yang ingin di jadikan link kemudian pilih copy image location lalu paste kan di notepad.

49 komentar:

  1. Fungsinya tag alt sebenarnya untuk apa sih Kang???

    BalasHapus
  2. satu lagi ilmu yang sangat penting untuk dipelajari dan diketahui oleh para pemula kayak saya, makasih banyak atas ilmunya pak guru, jasamu tiada tara...

    BalasHapus
  3. hikssss ga masuk yap koment saya yg tadi?

    BalasHapus
  4. kunjungi dan join ke http://informasinetonline.blogspot.com. moga bermanfaat.

    BalasHapus
  5. Pengen tukeran link nih bos, mohon berkenan!

    BalasHapus
  6. maaf ni, kode2 tadi ditaro dimana ya..?? apa bebas di kotak konten edit html.? soalnya tadi saya udah nyoba ko gagal ya.?? maklum nubie. thx before

    BalasHapus
  7. la kalo cara masang gambar yang bener di blog gmana mas??maksudnya biar ke indek google.Kode alt nya di taroh dmana?

    BalasHapus
  8. Udah keliling dunia eh ketemunya malah disini, makasih ya aku memang lagi mo buat link dari gambar blogspotku.
    Nih hasil prakteknya... http://memulaibisnisclickbank.blogspot.com/ pas banget seperti yang kuharapkan.
    Thanks.

    BalasHapus
  9. Terima Kasih Kang Mizwar....sudah mau berbagi Info

    BalasHapus
  10. Isi kursus yg luar biasa...mampir ke warungku..warungku

    BalasHapus
  11. makasih mas.
    aku uda bisa buat link gambar berkat tutorial ini..
    salam kenal

    BalasHapus
  12. infonya sungguh menarik ,,pasti diminati oleh orang awam

    BalasHapus
  13. ka kok linknya ada gambarnya ga tampil sih?

    BalasHapus
  14. txs banget buat informasinya...suksess...!!

    BalasHapus
  15. Ini dia yang saya maksud... Repot nyari sana-sini, akhirnyaaaa ketemu juga.

    Txs, ilmunya...

    BalasHapus
  16. wah bagus kaka
    keren cool
    blog aku baru nwebie nih

    BalasHapus
  17. Trima kasih ya atas infonya, dan kunjungi http://pranten.wordpress.com/ dong, kan aku udah coba mamprakteknannya

    BalasHapus
  18. terima kasih saya sudah berhasil melakukannya :-)

    BalasHapus
  19. makasih bos, link gambarnya langsung di pasang

    BalasHapus
  20. artikel yang menarik.....:)

    BalasHapus
  21. makasih banyak mas utk petunjuknya...

    BalasHapus
  22. sebelumnya saya ucapkan salam persahabatan semoga kawan ditambah ilmunya oleh yang kuasa,,tak lupa ucapan terima kasih yang bs saya ucapakan,,karna ilmu saya jadi bertambah.dalam sekian banyak yang posting tentang ini ,tp hanya disini yang paling bisa diterapkan.thx..salam

    BalasHapus
  23. minta ijin copy paste bos

    thanks

    BalasHapus
  24. thx sob inponya...

    silahkan mampir k blog sy

    BalasHapus
  25. trims infonya.....
    sangat berguna sekali buat yg gaptek kayak saya brow....hehehe
    tapi aku pake yg copy paste.....
    trims banyak brow
    sukses selalu tuk nge-blog nya

    BalasHapus
  26. artikel terkait .,kunjungi juga blog kita sob ya hehe Berbagi Info: Cara membuat link pada gambar: Link gambar Banyak postingan rekan-rekan blogger tentang link dengan gambar. Nah, kalau anda kebetulan mampir atau nyasar ke blog ini, s...artikel terkait .,kunjungi juga blog kita sob ya hehe Berbagi Info: Cara membuat link pada gambar: Link gambar Banyak postingan rekan-rekan blogger tentang link dengan gambar. Nah, kalau anda kebetulan mampir atau nyasar ke blog ini, s...

    BalasHapus
  27. Terimakasih atas infonya ya. Sangat berharga sekali untukpemula seperti saya

    BalasHapus
  28. Ini yang saya cari-cari. Sangat saya butuhkan untuk advertise toko saya. thanks ya...

    BalasHapus
  29. berguna banget bro.
    jangan lupa visit cenrus4ever.blogspot.com

    BalasHapus
  30. wah berguna banget nih bagi newbie, thanks sob atas infonya!

    BalasHapus
  31. maturnuwun infonya, jadi kepingin nyoba nih ....

    BalasHapus
  32. link gambar buat blog kita di benci google tidak ???

    BalasHapus
  33. mantab dah gan akhir nya ane bisa juga TQ mas broo....

    BalasHapus
  34. terimakasih banyak gan sangat membantu saya yang masih baru di Blogger ini

    kunjungi yah http://athosoft.blogspot.com

    BalasHapus
  35. Kalo link yg latarnya gambar
    maksutnya didalam gambar terdapat banyak link
    di tunggu ya di http://arman-giring.blogspot.com

    BalasHapus
  36. thanks gan

    http://mystorystudy.blogspot.com

    BalasHapus
  37. berguna banget. akhirnya ane bsa naruh link gambar n teks di widget. thanks gan

    BalasHapus
  38. terima kasih gan, langsung ke tkp nih

    BalasHapus

blogger