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:
Hapus yang berwarna merah, dan kodenya kurang lebih menjadi seperti ini:
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...
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>
<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>
<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...
hehee,,
BalasHapusseppp masdoy
kapan2 bisa dipraktekann nehh
pertamax g yah
BalasHapusmeski g bisa d klik tp kl di view image masih bisa mas doy
BalasHapustp kl d klik kanan view image masih bisa mas doy
BalasHapusklo permasalahan saya hanya di saat membuat link new tab, itu saya kerjakan dengan cara manual pada gmbar di postingan !!!
BalasHapuskira2 ada g mas doy, gmbar yang mnjdi link di postingan kita, saat di upload udah terpampang target_blank nya !!!
@4831504986266927845.0
BalasHapusiya . . .cuma ngilangin efek tangannya .. .tp, di save image As sama View image Location msh bisa . .
Tp . .mantep lah postnya
klo di"View Image" sama "Copy Image Location" msh bisa dilacak
BalasHapusOh yang dihilangi tab link buat url gambar to, boleh-boleh jadi nggak bisa copas gambar dunk hehehe
BalasHapusgunanya itu bukan sekedar dilacak kalau dilacak mah gak usah klik kanan copy segala tinggal blok
BalasHapusterkadang banyak orang yg tanpa sengaja klik gambar sehingga pergi dari artikel tersebut....
nah :D utk kurangi effect seperti itu
Hum info yang bagusss ni
BalasHapussaya udah cobah di blog saya
thx info ya mas doyok :)
dibuang yang href="bla bla bla" nya aja bisa juga g ya ??
BalasHapusinfo yang bermanfaat ne...coba dulu ah
BalasHapusmakasih infonya, menambah ilmu blogging nih,
BalasHapustetap setia mengikuti tutorial mas doyok. thanks
BalasHapusgunanya 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
BalasHapuswah terima kasih mas doyok..tutorialnya.....
BalasHapusItu kode yang perlu dihilangkan ketinggalan satu mas.. tag penutup </a> nya..
BalasHapuskalau gak dihilangkan bakal rusak..error dan gak bakal bisa disimpan..
Mohon di cek mas..
oiya.. thx kang oemarr
BalasHapuskalo tutorial yang supaya gambar ga bisa di "save image" ada ga mas doyok ?
BalasHapusthanks buat tutorial yang ini
Moh. Aris Taufik mengatakan...
BalasHapuswalah,, kalau cuma gini mah, adik saya juga bisa mas doy,,
wkwkwkkw... Piss..
yah ini yg saya cari mas Doyok, ternyata cuma linknya aja yg dihilangin...siiip
BalasHapusoalah, ngono toh ternyata mas. woke woke sip
BalasHapuswah iya ya cuma diilangin linknya doang lho praktis ya
BalasHapusKeren...keren...keren..ada juga yang kayak beginian ya..saya simpan dulu aja, pasti suatu saat bermanfaat..lanjutken mas doyok. haha
BalasHapusMohon ijin nempelin link ya mas, maklum baru belajar dan sok tahu sedikit hehe :
http://panduan-info.blogspot.com/
gambar saya knp tidak keluar di google????/
BalasHapustolong bantuanya .... thx
sip artikelnya
BalasHapusthanks
salam kenal
bagus tutornya, mantap...
BalasHapuswuih...saya cari dimana2 akhirnya triknya ketemu disini, ok terima kasih ya bos..!!
BalasHapusMakasih infonya bos, baru tau ada tips gini...
BalasHapusMulai baca posting ini di blog ane sdh ga bisa klik image.Sip...
terimakasi mas, sangat membantu
BalasHapusterimakasih buat infonya mas... memang ini yang saya cari.
BalasHapusartikel yang sangat membantu saya menyempurnakan blog saya
BalasHapusAlamat URL gambar masih bisa di COPY dengan klik kanan gambar lalu pilih Lihat Gambar/View Image...
BalasHapussaya mau upload kok tidak bisa kenapa ya....biasanya cuma ada 1 kolom upload, sekarang ada 5 kolom file buat upload
BalasHapuskalau buat otomatis gak bisa ? repot kan setiap posting mesti seting dulu
BalasHapusikut nyundul gan...artikelnya ok jg buat wordpress
BalasHapusMakasih 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 :)
BalasHapustrims mas doy.....tapi ada pengaruhnya negatifnya nggak?
BalasHapusLha .. ini ... masih ada titik lemahnya ...., dengan fasilitas 'klik kanan' gambarnya masih bisa direproduksi atau dicuri atau dicopy atau ...... salam-salam ....
BalasHapusKlo aku sih ..., biarkan aja gambar dicuri ... bebas aja ..., jangankan gambar ... isi postingan dicopy sekalipun ... its okay ... no problem ..
www.dolananmusik.blogspot.com
wah tips nya hebat.. ;) makasih mas... oh iya mampir ya ke blog ku di http://bidan-mandiri.blogspot.com... makasih....
BalasHapusMenarik untuk di coba!
BalasHapusMode HTML saya kok gak ada warna merahnya ya Mas? Jadi gimana proteksinya ya?
BalasHapusmaksudnya warna merah sepefti yg terlihat di contoh kode diatas mbak
Hapus