Sunday, 4 August 2013

Cara Membuat Link Menggunakan Gambar atau Foto

Link merupakan komponen yang sangat penting di dalam sebuah blog atau website. Sebab dengan adanya link atau hyperlink, pengunjung sebuah blog dapat dengan mudah mengakses dan menjelajahi seluruh website dengan cepat.

Link Menggunakan Gambar atau Foto


Selain link yang menggunakan teks, link pun bisa menggunakan foto atau gambar yang membuat tampilannya menjadi lebih menarik dan efektif.

Berikut di bawah ini adalah cara penulisan atau pembuatan link dengan gambar yang menggunakan metode HTML:


Tag Link

<a href='url tujuan'>Teks atau Gambar</a>
  • <a> adalah tag HTML yang berfungsi untuk mendefinisikan sebuah link.
  • href adalah atribut (informasi tambahan) dari tag a untuk url/alamat yang akan dituju dari link.
  • Value dari href harus diberi tanda kutip.

contoh:
<a href='http://www.otodidakers-tutor.blogspot.com/'>Otodidakers Tutorial</a>

Hasil:


Tag Gambar/Images

<img src='url gambar' alt='nama alternatif gambar' width='tinggi' height='lebar'>
  • Tag <img> adalah tag HTML untuk mendefinisikan sebuah gambar.
  • Atribut src adalah sumber/url dari gambar.
  • Atribut alt adalah untuk memberikan nama alternatif gambar. Apabila gambar tidak bisa ditampilkan, maka yang muncul adalah nama alternatifnya.
  • Atribut height dan width adalah untuk mengatur ukuran gambar.

contoh:
<img src='http://www.comicbookdaily.com/wp-content/uploads/2010/09/click.jpg' alt='Click Me!' width=100' height='100'>

Hasil:
Click Me!


Digabungkan menjadi link gambar

<a href='http://otodidakers-tutor.blogspot.com/'>

<img src='http://www.comicbookdaily.com/wp-content/uploads/2010/09/click.jpg' alt='Click Me!' width='100' height='100'>

</a>
Tag <img> harus diapit oleh tag <a> dimana tag penutup harus dikasih garis miring, seperti: </a>

Hasil:
Click Me!
Klik pada gambar di atas untuk berpindah ke halaman web yang dituju.

Mungkin cukup sekian bagaimana cara membuat link menggunakan gambar atau foto, semoga dapat membantu dan mudah dimengerti.

153 comments:

  1. mantap gan tutorialnya,.. kunjungan balik gan,...

    ReplyDelete
    Replies
    1. iya, mantap sekali tutorialnya..

      Delete
    2. Buat anda yang mau kerja santai tapi hasil nya jutaan
      Hanya sebar formulir kunjungan di bayar 5 ribu untuk 1 formulir, 10 formulir = Rp 50.000, 100 formulir = 500 ribu,
      pertama kali di indonesia. 100% halal dan NO SCAM.
      info lengkap.
      BUKA & KLIK DISINI

      Delete
  2. main game dapet duit gan klik http://www.marketglory.com/strategygame/eckysmiley

    ReplyDelete
    Replies
    1. saya mengucapkan banyak terimakasih kepada MBAH KABOIRENG yang telah menolong saya dalam kesulitan,ini tidak pernah terfikirkan dari benak saya kalau nomor yang saya pasang bisa tembus dan ALHAMDULILLAH kini saya sekeluarga sudah bisa melunasi semua hutang2 kami,sebenarnya saya bukan penggemar togel tapi apa boleh buat kondisi yang tidak memunkinkan dan akhirnya saya minta tolong sama MBAH KABOIRENG dan dengan senang hati MBAH KABOIRENG mau membantu saya..,ALHAMDULIL LAH nomor yang dikasi MBAH KABOIRENG semuanya bener2 terbukti tembus dan baru kali ini saya menemukan dukun yang jujur,jangan anda takut untuk menhubungiya jika anda ingin mendapatkan nomor yang betul2 tembus seperti saya,silahkan hubungi MBAH KABOIRENG DI 082=322=212=111 ingat kesempat tidak akan datang untuk yang kedua kalinga dan perlu anda ketahui kalau banyak dukun yang tercantum dalam internet,itu jangan dipercaya kalau bukan nama MBAH KABOIRENG KLIK TOGEL JITU DISINI












      saya mengucapkan banyak terimakasih kepada MBAH KABOIRENG yang telah menolong saya dalam kesulitan,ini tidak pernah terfikirkan dari benak saya kalau nomor yang saya pasang bisa tembus dan ALHAMDULILLAH kini saya sekeluarga sudah bisa melunasi semua hutang2 kami,sebenarnya saya bukan penggemar togel tapi apa boleh buat kondisi yang tidak memunkinkan dan akhirnya saya minta tolong sama MBAH KABOIRENG dan dengan senang hati MBAH KABOIRENG mau membantu saya..,ALHAMDULIL LAH nomor yang dikasi MBAH KABOIRENG semuanya bener2 terbukti tembus dan baru kali ini saya menemukan dukun yang jujur,jangan anda takut untuk menhubungiya jika anda ingin mendapatkan nomor yang betul2 tembus seperti saya,silahkan hubungi MBAH KABOIRENG DI 082=322=212=111 ingat kesempat tidak akan datang untuk yang kedua kalinga dan perlu anda ketahui kalau banyak dukun yang tercantum dalam internet,itu jangan dipercaya kalau bukan nama MBAH KABOIRENG KLIK TOGEL JITU DISINI

      Delete
  3. saya awam masalah ginian, bingung gimana caranya?

    ReplyDelete
  4. Makasih bro , atas pencerahannya, saya jadi tambah ilmu, lain kali kunjungi dilapak saya Gan kl sempat di, www.glucogenonline.net

    ReplyDelete
  5. http://produk-online-harga-murah.blogspot.com/2013/11/sabuk-pengaman-boncengan-motor.html

    ReplyDelete
    Replies
    1. Hanya sebar formulir kunjungan di bayar 5 ribu untuk 1 formulir, 10 formulir = Rp 50.000, 100 formulir = 500 ribu,
      pertama kali di indonesia. 100% halal dan NO SCAM.
      info lengkap.
      BUKA & KLIK DISINI

      Delete
  6. Anda ingin usaha bisnis pulsa, ingin buka kios pulsa / counter pulsa? Silahkan anda daftar diPRESTA TRONIKpulsa elektrik termurah 2013

    ReplyDelete
    Replies
    1. Hanya sebar formulir kunjungan di bayar 5 ribu untuk 1 formulir, 10 formulir = Rp 50.000, 100 formulir = 500 ribu,
      pertama kali di indonesia. 100% halal dan NO SCAM.
      info lengkap.
      BUKA & KLIK DISINI

      Delete
  7. Terima kasih untuk tutorialnya.
    Sangat bermanfaat buat kami.
    Salam sukses !

    ReplyDelete
  8. makasih tutorialnya. sangat membantu sekali :) kunjungi juga 24newsinfo

    ReplyDelete
  9. Makasih tutorialnya gan,akhirnya mudeng juga ane ,haha
    sebelum'' nya bingung cara nya ,akhirnya dapet juga deh cara nya dari blog agan ,makasih yak gan ..sukses terus

    ReplyDelete
  10. http://bit.ly/1c6dIXH
    turorial yang luar biasa terima kasih booooos

    ReplyDelete
  11. makasih ya gan

    www.wongpasar.com

    ReplyDelete
  12. asiyk gan oke gue suka cara loe

    ReplyDelete
  13. Klo cara nya biar pas d klik bisa open di new tab gimana gan?? sebelum.ya thnks info.y

    ReplyDelete
  14. siip sangat jelas mas bro, itu kalo misal gambare dikopi, linknya ngikut gk y..

    ReplyDelete
  15. makasih infonya
    http;//kerjaonline-aisah.blogspot.com

    ReplyDelete
  16. Trims infonya... membantu sekali

    ReplyDelete
  17. Thanks gan. sangat membantu

    ReplyDelete
  18. terima kasih infonya gan, kunjungi juga
    http://produsen-aksesoris-murah.blogspot.com/
    http://goo.gl/aYn8lR

    ReplyDelete
  19. infonya bagus gan... Cuma ada kurangnya. Bagi yang awam akan membingungkan harus di pasang di mana ni gambar. Di CSS atau Tata letak. di tunggu koment baliknya.
    http://tipsmudah-blog.blogspot.com

    ReplyDelete
  20. terima kasih ini sangat membantu

    aff1110.blogspot.com

    ReplyDelete
  21. Please Visit My Blog :

    http://www.nabilaholicmagelang.co.vu/

    ReplyDelete
  22. Berbagi Pengalaman Menarik Dari Seluruh DUnia
    Klik http://cakrawaladunia14.blogspot.com/

    ReplyDelete
  23. wawww.. ejos gandos gan... buat agan2 semua jangan lupa mampir ya

    www.bantoel.com

    ReplyDelete
  24. Mantap Gan.
    Ditunggu kunjungan agan2 di blog ane :
    http://mycinema25.blogspot.com

    ReplyDelete
  25. sangat membantu tutorialnya.mampir ya ke http://wsprints.wix.com//shegunx

    ReplyDelete
  26. sangat membantu gan , ane baru belajar blog2an nih hehehe :))))

    ReplyDelete
  27. Trik yang mantap gan. Sangat bermanfaat. Agan-agan dirunggu kunjungannya ke web ane www.sefterpro.com ya:-)

    ReplyDelete
  28. termakasih mudahan bermanfaat

    ReplyDelete
  29. Masih rada-rada bingung Mas

    ReplyDelete
  30. Alhamduillah berhasil kang, makasih banyak tutornya. Tinggal Size nya saja yang mau tak besarin. Thanks.

    ReplyDelete
  31. Terimakasih tutorialnya.
    Sangat baik....

    ReplyDelete
  32. Mantap Gan!! #telat kunjungi blog baru aku ya? My-Bestbook

    ReplyDelete
  33. Terima kasih ilmunya gan...

    ReplyDelete
  34. Terima kasih infonya, sangat menginspirasi
    http://www.tasikplus.com/

    ReplyDelete
  35. sory bro tuh parang scriptnya di mana
    trus g mana supaya gambarnya bisa di klik agar bisa menuju ke link terpilih

    cara gabungin gambar sama scriptnya g mana caranya

    ReplyDelete
  36. inilah yg aku cari,thank mantap tutorialnya !

    ReplyDelete
  37. Thank's ya om dah ngasih twu ilmu ny

    ReplyDelete
  38. Halo gan, gimana cara membuat link saat ditunjuk textnya membesar. Thx you gan untuk komentarnya. Ilmu yang bermanfaat nih...

    ReplyDelete
  39. Halo gan, gimana cara membuat link saat ditunjuk textnya membesar. Thx you gan untuk komentarnya. Ilmu yang <bermanfaat nih...

    ReplyDelete
  40. Artikelnya cukup membantu mas,thx ya..
    jangan lupa mas,ditunggu kunjungannya di blog saya

    ReplyDelete
  41. Terimakasih, artikelntya sangat bagus sekali. Senang sekali berkunjung ke website anda. semoga dapat bermanfaat buat kita semua. Amin . . . . :D :D

    ReplyDelete
  42. THNKS SOB.. BERMANFAAT SEKALI , MAMPIR YAA DI BLOG ANE :)

    ReplyDelete
  43. Infonya bermanfaat (Y) mampir ke blog ane ya

    zuddinfahmi.blogspot.com

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  44. thx sob infonya hehe kunjungan baliknya ditunggu

    ReplyDelete
  45. terima kasih infonya :D


    www.visi-store.net

    ReplyDelete
  46. Ayo Gan Daftar Di Poker Online Indonesia Gan....
    di http://www.malaikatpoker.com/?ref=996633

    minimal deposit 25rb..
    minimal withdraw 25rb...
    bonus free chips 10%...
    bonus referral 10%

    YM : cs.malaikatpoker@yahoo.com
    BB : 25F4D3A1
    Live Chat Support 24Jam

    ReplyDelete
  47. terima kasih infonya sangat bermanfaat gan..


    http://aneka-cup-cake.blogspot.com

    ReplyDelete
  48. keren bos artikelnya tutorialnya

    http://www.birousaha.com/

    ReplyDelete
  49. sangat memmbatu gan
    saya coba di blog ane dlu

    ReplyDelete
  50. makasih gan saya sekarang bisa buat ini

    ReplyDelete
  51. thanks gan atas infonya... jadi nambah ne ilmunya...

    ReplyDelete
  52. Makasih infonya, sangat membantu...
    visit back us : Usamah Computer

    ReplyDelete
  53. Terimakasih, ilmunya sangat bermanfaat dan telah saya aplikasikan.

    ReplyDelete
  54. aku belum paham nih gan cara penerapannya ? jilbab instan murah

    ReplyDelete
  55. jadi qta hrs siapin entri yg utk link dulu ya mas? misal gambar nnti kl di klik linknya berisi gambar yg lbh besar plus keterangan, nah itu hrs dibuat dulu yah linknya? *sory kl bingung sy juga bingung jelasin nya, tp sy serius bingung krn pgn buat gambar di blog saya biar bisa di klik dgn keterangan lbh lanjutnya..
    tlg dijelasin mas, trims
    deuniquebutik.blogspot.com

    ReplyDelete
  56. Baca juga Kisah Cerita Hantu lainnya di
    Kumpulan Cerita Hantu Update setiap kamis

    ReplyDelete
  57. sangat membantu untuk bloger pemula..

    ReplyDelete
  58. gan bgaimana cara masukkan link tanpa html
    karena di comment ada ket Note: do not include HTML tags such as . If your comment includes a website or email address, it will automatically become a link. padahal comment diatas atasnya ada anchors text nya
    terimakasih
    sewa mobil surabaya

    ReplyDelete
  59. makasih gan, saya sudah bisa bikinnya, sedikit sedikit tahu tentang bahasa html
    jangan lupa kunjungi blog saya dan jangan lupa follow juga blog saya
    Hanya Di http://unik-ituindah.blogspot.com/2015/06/keunikan-seorang-blogger.html

    ReplyDelete
  60. salam kenal gan dan jangan lupa kunjungi web kami http://obatambevenatauwasir.blogspot.com/

    ReplyDelete
  61. This comment has been removed by the author.

    ReplyDelete
  62. This comment has been removed by the author.

    ReplyDelete
  63. sipp.. bermanfaat infonya untuk pengembangan blog kesehatanku
    MY BLOG : OBAT HERBALKU

    ReplyDelete
  64. artikelnya sangat bermanfaat ...terimakasih

    ReplyDelete
  65. terimah kasih atas artikelnya ya sobat semoga dengan artikel yang saya baca diblog kmu sangat bermamfaat

    ReplyDelete
  66. thank you for information, really good reference for me, keep the good word (^-^)7

    ReplyDelete
  67. wow makasih gan informasi nya, semoga bermanfaat juga untuk yang lain
    sewa mobil surabaya
    rental mobil surabaya

    ReplyDelete
  68. gimana gan kalau kita mau bikin di tiap postingan? misalnya dalam tiap artikel kita bikin tombol yang berbeda arah urlnya

    ReplyDelete
  69. Informasi Kumpulan situs poker online
    http://bandarlampunginfo.blogspot.com/2014/12/poker-online-deposit-10-ribu-dan-bonus.html

    ReplyDelete
  70. makasih banyak gan, membantu banget untuk pemula ...
    kunjungan balik ya

    ReplyDelete
  71. infonya sangat bermanfaat sekali mbak/mas, makasih yach!! beritanya bagus banget dan sangat menarik untuk di baca hari ini. Ijin share juga ya, terimakasih.

    ReplyDelete
  72. Terima Kasih petunjuknya.. bermanfaat sekali...

    ReplyDelete
  73. Terimakasih gan, keep blogging. templatenya bagus ini, pengen deh punya blog kayak gini.

    ReplyDelete
  74. http://legendanegeriangin.blogspot.co.id/2015/09/kenapa-tempurung-kura-kura-berbentuk.html?m=1

    ReplyDelete
  75. http://legendanegeriangin.blogspot.co.id/2015/09/kenapa-tempurung-kura-kura-berbentuk.html?m=1

    ReplyDelete
  76. Ini nih yan saya cari selama ini,visit aja Blog Bayu Widiyanto

    ReplyDelete
  77. terima kasih untuk tutorialnya,
    tutorialnya bagus tapi komentarnya banyak yang tidak nyambung

    ReplyDelete
  78. Terima Kasih Ya gan ... Saya sangat senang dan sangat berguna ..
    singgah ke web saya gan banyak kejutannya ...
    http://www.artisqq.com

    ReplyDelete
  79. Terima Kasih Ya gan ... Saya sangat senang dan sangat berguna ..
    singgah ke web saya gan banyak kejutannya ...
    http://www.artisqq.com

    ReplyDelete
  80. oke makasih gan masukaan nya , wkwkw ane baru tau nih cara begini ..
    makasih bangt . ane newbi
    http://tokobungadaerahcikarang.blogspot.co.id/

    ReplyDelete
  81. Saya coba disini berhasil scriptnya tdk kelihatan .... Tapi di FB android kenapa scriptnya kelihatan ya gan?...Thxs bfre

    ReplyDelete
  82. Apakah bisa membuat link permanen pada gambar, jadi jika ada yang save gambar kita. link tetap terpasang, walaupun akan di post blog yang berbeda?

    ReplyDelete
  83. Mantaab banget kak, makasih banyak ya

    ReplyDelete
  84. bagus min. sangat membantu kunjuung balik ya http://www.dibacadulu.com

    ReplyDelete
  85. masih agak bingung, tapi gk apa2 tetap semangat belajar

    ReplyDelete
  86. Great article, Thanks for your great information, the content is quiet interesting. I will be waiting for your next post.

    ReplyDelete
  87. I really appreciate your professional approach. These are pieces of very useful information that will be of great use for me in future.

    ReplyDelete
  88. Great post,Thanks for providing us this great knowledge,Keep it up.

    www.happywheelsy8.com

    ReplyDelete
  89. I was very impressed by this post, this site has always been pleasant news. Thank you very much for such an interesting post. Keep working, great job! In my free time, I like play game: douchebagworkout2.org. What about you?

    ReplyDelete
  90. I would like to thank you for the efforts you have made in writing this article.
    run3unblockedgame.com

    ReplyDelete