Friday, July 5, 2013

Cara Membuat Gambar ber-Link pada Postingan

Ribet yah judulnya? hhi abis bingung juga mau kasih judul apa :D. Sebelumnya aku mau nulis dulu Cara Pasang Banner di sidebar, ini gegara aku suka ikutan kuis-kuisan yang syaratnya mesti pasang banner :D
Cara pertama pastinya Login dulu di Blogger.com,hhe

Masuk ke menu Layout -> pilih Add Gadget
Cara membuat gambar ber-link

Scroll kebawah dan akan muncul pilihan ini,
Cara membuat gambar ber-link
Beberapa penyelenggara kuis biasanya memberikan kode HTML untuk memudahkan dalam memasang Banner, jadi kamu bisa klik tanda + dipojok tulisan HTML/JavaScript, dan menuliskan (Copy-paste aja) kode HTML-nya, lalu klik save. Tapi jika tidak ada kamu bisa pilih opsi Image(Ini yang sering aku pake).
Cara membuat gambar ber-link
Kemaren aku ikut ngontes di acara Kontes Unggulan 63-nya Pakdhe Guslik, dan ada satu syarat yang ternyata aku belum bisa, hhi.
Yaitu, memberikan link hidup pada banner diakhir cerita, kalo cara membuat tulisan ber-Link aku udah bisa.. tinggal klik tulisan Link seperti ini,
Cara membuat gambar ber-link
Nanti kodenya jadi gini,
<a href="alamat link yang dituju"> text link yang tampil </a>
Ternyata kalo mau diberi gambar tinggal ditambah kode ini <img src="Link gambar"/> dibagian 'text link yang tampil', ini kode yang aku dapet dari hasil Googling disini.
Dan setelah baca Cara Membuat Banner dengan Link Hidup punya ka Tha, ada 1 kode lagi yang bisa ditambahkan kodenya, target="_blank"yang diletakkan diantara alamat link yang dituju dengan kode img src. Fungsinya agar saat gambar diklik, url tujuan akan terbuka di Tab yang baru.

Jadi kode semuanya adalah <a href="alamat link yang dituju" target="_blank" ><img src="URL gambar"/></a>

Sebagai contoh aku mau memberi Link(www.saveforhope.com) hidup buat gambar/foto yang udah aku upload di facebook dengan URL (https://m.ak.fbcdn.net/sphotos-a.ak/hphotos-ak-ash4/p480x480/1001355_10200357849336628_173775107_n.jpg)
screen shoot gambar

Jadinya seperti ini,
tutor blog

Itu dia pengalamanku bikin Gambar ber-Link di postingan, hhe
Semoga bermanfaat yaaa ^^

30 comments:

  1. kalo nggak mau repot biasanya aku pake photobucket terus upload fotonya di sana baru ganti URL foto tersebut dengan link yang diinginkan :)

    ReplyDelete
    Replies
    1. photobucket.com? hhi baruu tahu aku, lebih simple kalii yah.. nanti dicoba dehh.. makasiiih banyaaak yah kaaa ^^

      Delete
    2. bejo raharjo10/3/15, 11:20 PM

      salam knal mbak..mksh tips ny..lngsng tak cobo..ehh..kog mlh kena "temporary block" kata satpam e.." i'm going to fast"..kog bs ya? tlng bagi solusine mbak..by email atau ym wae ya..maklum blm bs bikin blog..ym: harapanmanteb..email..:harapanmanteb@gmail.com..matur nuwun

      Delete
  2. imgnya di hosting aja bener kata mba Honeylizious Rohani Syawaliah lebih gambang, nanti kita tinggal ambil urlnya aja gitu, hehhehehehhe

    ReplyDelete
    Replies
    1. beluym pernah nyoba, okedeh nanti di coba, makasiiiih yaaaaa ^^

      Delete
  3. Hai Ibu Guru.. ada cara menghapus gadget yang pernah qita tambah dan cara merubah judul banner paling atas Thx..

    ReplyDelete
    Replies
    1. cara hapus gadget.. dipojok bawah gambar ada gambarr kecil ky tang gt, klik aja terus pilih opsi remove..

      atau bisa juga ke menu layout, disitu bisa deh di hapus, merubah judul juga bisa disituu :)

      Delete
  4. mntap tutorialnya,lngsung praktekkan ni sob,
    :)

    ReplyDelete
  5. Kadang yang terlupakan adalah "http://"-nya. Kalau setelah pakai <a href=" terus nggak pakai HTTP itu tadi, dijamin nyasar. :)

    ReplyDelete
    Replies
    1. haha iyaa, makanya kalau mau pake, tinggal copas code aja :p

      Delete
  6. makasih yo mbak tas infonya

    ReplyDelete
  7. Thanks gan. sangat membantu

    ReplyDelete
  8. thankyu Ran...kau menyelamatkan diriku...hehehe...seharian utak utek banner biar bs link g bs...nemu jg di blogmu...big hug for you sayang....

    ReplyDelete
    Replies
    1. sama-sama kaa,
      Seneng kalau bermanfaat :D *peluuuk

      Delete
  9. Postingan agan yang Cara membuat gambar berlink ini bagus untuk SEO :)

    ReplyDelete
  10. trima kasih infonya tadi cari malah salah,kalau ini baru bisa

    ReplyDelete
  11. akhirnya bisa lihat headernya rani juga, btw aku dah praktekin tes pasang banner giveaway rani disidebar

    ReplyDelete
  12. Masalah Ini Nie Yang Bikin Ruwet !

    ReplyDelete
  13. Asslmkum...mbak yuk!!! Terimakasih infonya,kebetulan saya lagi belajar nih ,,walau sudah ketinggalan jaman x ye??? hehehe. salam kenal aja dari pak Satpam nih,kunjungan baliknya ya ke www.securitykarawaciresidence.blogspot.com

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

    ReplyDelete
  15. infonya sangat bermanfaat sekali gan makasih ya udah share berguna sekali langsung ijin coba gan

    ReplyDelete
  16. Mantap tutorial nya gan, langsung praktekin

    ReplyDelete