Tpi jangan lihat dari Panjang Judulnya.
Lihatlah Manfaatnya.
hehehehehehe,
oh ya sobat Seperti Judul saya akam memberikan penjelasan mengenai agar gambar tidak bisa di klik saat kita nge post di Blogger.
Mungkin Sobat Ingin membuat seperti ini:
Gambar I
Gambar II
Gambar III
Coba Sobat Klik Gamar Pertama, ke dua dan ketiga Apakah Perbedaanya?
- Gambar satu = Bisa Dibuka dan di klik kanan, juga didownload
- gambar dua = Tidak Bisa dibuka, Namun klik kanan Bisa dan Dapat Di download.
- Gambar tiga = Tidak bisa dibuka, tidak bisa di klik kanan.
Yang mana Sobat suka?
Langsung saja kita bahas seperti judul artikel ini.
#Kode Gambar I
Jika kita Upload photo ke blogger, Maka kodenya seperti diwah ini
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitw2mdmJ6mzxfdranteMzfoQWc5ybf1DfdLKb4jNdvMb7fP_5qDVbI7zn4L6OufDQ5ODxhzXQKnaEOvwxGZx698UwtlGwJPk5K0NEQsl30yuEACBpQtiKaZXdVKZm0hEKFlXsXQ3n0w4hv/s1600/iniyangterbaru.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitw2mdmJ6mzxfdranteMzfoQWc5ybf1DfdLKb4jNdvMb7fP_5qDVbI7zn4L6OufDQ5ODxhzXQKnaEOvwxGZx698UwtlGwJPk5K0NEQsl30yuEACBpQtiKaZXdVKZm0hEKFlXsXQ3n0w4hv/s1600/iniyangterbaru.jpg" /></a></div>
<br />
Nah seperti ini lah Kode contoh gambar Diatas yaitu gambar I<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitw2mdmJ6mzxfdranteMzfoQWc5ybf1DfdLKb4jNdvMb7fP_5qDVbI7zn4L6OufDQ5ODxhzXQKnaEOvwxGZx698UwtlGwJPk5K0NEQsl30yuEACBpQtiKaZXdVKZm0hEKFlXsXQ3n0w4hv/s1600/iniyangterbaru.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitw2mdmJ6mzxfdranteMzfoQWc5ybf1DfdLKb4jNdvMb7fP_5qDVbI7zn4L6OufDQ5ODxhzXQKnaEOvwxGZx698UwtlGwJPk5K0NEQsl30yuEACBpQtiKaZXdVKZm0hEKFlXsXQ3n0w4hv/s1600/iniyangterbaru.jpg" /></a></div>
<br />
#Sekarang Cara membuat gambar Seperti gambar No II
Perhatikan Gambar Yang saya beri tanda biru dan merah.
Cukup kita hapus aja D kode HTML postingan saja.
Selengkapnya:
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitw2mdmJ6mzxfdranteMzfoQWc5ybf1DfdLKb4jNdvMb7fP_5qDVbI7zn4L6OufDQ5ODxhzXQKnaEOvwxGZx698UwtlGwJPk5K0NEQsl30yuEACBpQtiKaZXdVKZm0hEKFlXsXQ3n0w4hv/s1600/iniyangterbaru.jpg" /></div>
<br />
Jadi sobat bisa lihat, Kode yang berwarna Biru dan merah Sudah saya hapus.<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitw2mdmJ6mzxfdranteMzfoQWc5ybf1DfdLKb4jNdvMb7fP_5qDVbI7zn4L6OufDQ5ODxhzXQKnaEOvwxGZx698UwtlGwJPk5K0NEQsl30yuEACBpQtiKaZXdVKZm0hEKFlXsXQ3n0w4hv/s1600/iniyangterbaru.jpg" /></div>
<br />
Nah Seperti Itulah Membuat Gambar No II
#Sekarang Membuat seperti gambar No III
Untuk membuat seperti gambar No III, kita menambahkan Perintah untuk tidak bisa di klik
Ini kodenya:
oncontextmenu="return false;"
Dan kode ini kita letakkan tepat di samping alamat URL Gambar sobat.Alamat kode url Diatas yaitu:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitw2mdmJ6mzxfdranteMzfoQWc5ybf1DfdLKb4jNdvMb7fP_5qDVbI7zn4L6OufDQ5ODxhzXQKnaEOvwxGZx698UwtlGwJPk5K0NEQsl30yuEACBpQtiKaZXdVKZm0hEKFlXsXQ3n0w4hv/s1600/iniyangterbaru.jpg
Nah Contoh peletakanya seperti ini:
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitw2mdmJ6mzxfdranteMzfoQWc5ybf1DfdLKb4jNdvMb7fP_5qDVbI7zn4L6OufDQ5ODxhzXQKnaEOvwxGZx698UwtlGwJPk5K0NEQsl30yuEACBpQtiKaZXdVKZm0hEKFlXsXQ3n0w4hv/s1600/iniyangterbaru.jpg" oncontextmenu="return false;" /></div>
<br />
Seperti itulah Kode Contoh gambar III diatas.<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitw2mdmJ6mzxfdranteMzfoQWc5ybf1DfdLKb4jNdvMb7fP_5qDVbI7zn4L6OufDQ5ODxhzXQKnaEOvwxGZx698UwtlGwJPk5K0NEQsl30yuEACBpQtiKaZXdVKZm0hEKFlXsXQ3n0w4hv/s1600/iniyangterbaru.jpg" oncontextmenu="return false;" /></div>
<br />
Wahhh.. capek juga ni ngetiknya sobat.
Tapi itulah indahnya berbagi ya hehehehe.
Oh ya Saya rasa cukup jelas ya mengenai Cara Membuat Gambar Di Blog Tidak Bisa Terbuka Saat Di Klik.
Semoga ilmu yang saya Share ini Bermanfaat bagi siapaun.
Thank You.
Happy Blogging For You
terimakasih buat tutorialnya sob, sangat membantu sekali..
ReplyDeletehttp://obattraditional.com/obat-tradisional-gagal-jantung/
thank's gan. bermanfaat banget.semoga tambah sucses. tambah lancar.
ReplyDeletemantap mas...saya sudah coba, berhasil, thanks..
ReplyDeleteMANTAP SOB ,.TERIMA KASIH ATAS INFORMASINYA :)
ReplyDelete