Cara Agar Gambar Upload-an Post Editor Blogger Tidak Bisa di Klik

Jam 21.00. Belum larut namun saya sudah menguap berkali-kali. Tidak seperti biasanya yang sanggup begadang hingga tengah malam. Koneksi internet juga sangat lemot. Samar-samar di chat blog ini, salah satu teman blogger bertanya tentang cara agar gambar di postingan yang di uplaod menggunakan post editor blogger tidak bisa di klik. Ini sangat simple dan mudah namun mungkin memang banyak yang belum mengerti.

Silahkan Anda membuat postingan baru dan upload foto dengan post editor blogger. Masukkan gambar ke postingan Anda. Setelah gambar masuk, silahkan berpindah ke mode pengeposan Edit HTML. Maka gambar yang tampil akan berubah menjadi kode kurang lebih seperti ini:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXOD2xl-CDRqpUfiuh_ss4YWLev1dc_6M-P44VMAitzhgM7kAhPSctPWuxZatZY82aifJhq8OZGlsTRItaW_t1adD6kKa7VQTpFLLM34dqtoN-6pcivXa65AQF3-1it_FpkSWslGPR2PI/s1600/berdoa-pic.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXOD2xl-CDRqpUfiuh_ss4YWLev1dc_6M-P44VMAitzhgM7kAhPSctPWuxZatZY82aifJhq8OZGlsTRItaW_t1adD6kKa7VQTpFLLM34dqtoN-6pcivXa65AQF3-1it_FpkSWslGPR2PI/s320/berdoa-pic.jpg" /></a></div>

Hapus yang berwarna merah, dan kodenya kurang lebih menjadi seperti ini:
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXOD2xl-CDRqpUfiuh_ss4YWLev1dc_6M-P44VMAitzhgM7kAhPSctPWuxZatZY82aifJhq8OZGlsTRItaW_t1adD6kKa7VQTpFLLM34dqtoN-6pcivXa65AQF3-1it_FpkSWslGPR2PI/s320/berdoa-pic.jpg" /></div>

Silahkan kembali lagi ke mode compose dan gambar Anda tetap Ada. Hanya saja sekarang gambar tersebut tidak bisa di klik. Contohnya seperti di bawah ini:

Gambar dengan kode komplit tidak diubah, silahkan sorot dan cursor akan berubah menjadi tangan. Jika Anda klik otomatis akan pergi ke alamat gambar.

Gambar setelah kode dikurangi. Silahkan sorot dan cursor tidak berganti menjadi tangan. Saat di klik tidak menuju ke alamat gambar.


Mudah sekali bukan... Semoga bermanfaat... Sepertinya saya tidur cepat malam ini...

Komentar

  1. hehee,,
    seppp masdoy
    kapan2 bisa dipraktekann nehh

    BalasHapus
  2. meski g bisa d klik tp kl di view image masih bisa mas doy

    BalasHapus
  3. tp kl d klik kanan view image masih bisa mas doy

    BalasHapus
  4. klo permasalahan saya hanya di saat membuat link new tab, itu saya kerjakan dengan cara manual pada gmbar di postingan !!!

    kira2 ada g mas doy, gmbar yang mnjdi link di postingan kita, saat di upload udah terpampang target_blank nya !!!

    BalasHapus
  5. @4831504986266927845.0
    iya . . .cuma ngilangin efek tangannya .. .tp, di save image As sama View image Location msh bisa . .

    Tp . .mantep lah postnya

    BalasHapus
  6. klo di"View Image" sama "Copy Image Location" msh bisa dilacak

    BalasHapus
  7. Oh yang dihilangi tab link buat url gambar to, boleh-boleh jadi nggak bisa copas gambar dunk hehehe

    BalasHapus
  8. gunanya itu bukan sekedar dilacak kalau dilacak mah gak usah klik kanan copy segala tinggal blok

    terkadang banyak orang yg tanpa sengaja klik gambar sehingga pergi dari artikel tersebut....

    nah :D utk kurangi effect seperti itu

    BalasHapus
  9. Hum info yang bagusss ni

    saya udah cobah di blog saya

    thx info ya mas doyok :)

    BalasHapus
  10. dibuang yang href="bla bla bla" nya aja bisa juga g ya ??

    BalasHapus
  11. info yang bermanfaat ne...coba dulu ah

    BalasHapus
  12. makasih infonya, menambah ilmu blogging nih,

    BalasHapus
  13. tetap setia mengikuti tutorial mas doyok. thanks

    BalasHapus
  14. gunanya itu buat bisnis image yg ada linknya itu lho? ga tau lupa tp yg pasti bermanfaat karna gmbr g bs di klik terus klik slide yg ada linknya yg punya blog tentu sja dpt dollar

    BalasHapus
  15. wah terima kasih mas doyok..tutorialnya.....

    BalasHapus
  16. Itu kode yang perlu dihilangkan ketinggalan satu mas.. tag penutup </a> nya..
    kalau gak dihilangkan bakal rusak..error dan gak bakal bisa disimpan..
    Mohon di cek mas..

    BalasHapus
  17. kalo tutorial yang supaya gambar ga bisa di "save image" ada ga mas doyok ?

    thanks buat tutorial yang ini

    BalasHapus
  18. Moh. Aris Taufik mengatakan...

    walah,, kalau cuma gini mah, adik saya juga bisa mas doy,,

    wkwkwkkw... Piss..

    BalasHapus
  19. yah ini yg saya cari mas Doyok, ternyata cuma linknya aja yg dihilangin...siiip

    BalasHapus
  20. oalah, ngono toh ternyata mas. woke woke sip

    BalasHapus
  21. wah iya ya cuma diilangin linknya doang lho praktis ya

    BalasHapus
  22. Keren...keren...keren..ada juga yang kayak beginian ya..saya simpan dulu aja, pasti suatu saat bermanfaat..lanjutken mas doyok. haha

    Mohon ijin nempelin link ya mas, maklum baru belajar dan sok tahu sedikit hehe :

    http://panduan-info.blogspot.com/

    BalasHapus
  23. gambar saya knp tidak keluar di google????/
    tolong bantuanya .... thx

    BalasHapus
  24. wuih...saya cari dimana2 akhirnya triknya ketemu disini, ok terima kasih ya bos..!!

    BalasHapus
  25. Makasih infonya bos, baru tau ada tips gini...
    Mulai baca posting ini di blog ane sdh ga bisa klik image.Sip...

    BalasHapus
  26. terimakasi mas, sangat membantu

    BalasHapus
  27. terimakasih buat infonya mas... memang ini yang saya cari.

    BalasHapus
  28. artikel yang sangat membantu saya menyempurnakan blog saya

    BalasHapus
  29. Alamat URL gambar masih bisa di COPY dengan klik kanan gambar lalu pilih Lihat Gambar/View Image...

    BalasHapus
  30. saya mau upload kok tidak bisa kenapa ya....biasanya cuma ada 1 kolom upload, sekarang ada 5 kolom file buat upload

    BalasHapus
  31. kalau buat otomatis gak bisa ? repot kan setiap posting mesti seting dulu

    BalasHapus
  32. ikut nyundul gan...artikelnya ok jg buat wordpress

    BalasHapus
  33. Makasih mas, ini yang saya cari :) suka kesel klo gambarnya diambil tanpa ijin. Karena saya pake WP, akhirnya saya juga tambahin plugin agar gambar jg gak bisa di klik kanan :)

    BalasHapus
  34. trims mas doy.....tapi ada pengaruhnya negatifnya nggak?

    BalasHapus
  35. Lha .. ini ... masih ada titik lemahnya ...., dengan fasilitas 'klik kanan' gambarnya masih bisa direproduksi atau dicuri atau dicopy atau ...... salam-salam ....
    Klo aku sih ..., biarkan aja gambar dicuri ... bebas aja ..., jangankan gambar ... isi postingan dicopy sekalipun ... its okay ... no problem ..

    www.dolananmusik.blogspot.com

    BalasHapus
  36. wah tips nya hebat.. ;) makasih mas... oh iya mampir ya ke blog ku di http://bidan-mandiri.blogspot.com... makasih....

    BalasHapus
  37. Mode HTML saya kok gak ada warna merahnya ya Mas? Jadi gimana proteksinya ya?

    BalasHapus
    Balasan
    1. maksudnya warna merah sepefti yg terlihat di contoh kode diatas mbak

      Hapus

Posting Komentar

Postingan Populer