Cara Disable Klik Kiri (Left Click) Mouse Pada Gambar di Blog


Nonaktifkan Klik kiri pada Gambar di Blogger Posting Di Blogger, bila seseorang mengklik gambar (ditambahkan blogger upload gambar) dalam posting blog gambar dibuka di tab baru.
 Ini adalah perilaku default diposting gambar di Blogger, itu dirancang khusus untuk lightbox gambar tetapi jika lightbox dinonaktifkan gambar dibuka di tab baru, itu karena gambar yang Anda tambahkan pada post editor secara otomatis dibungkus dalam sebuah elemen anchor dengan link ke gambar asli yang membuat gambar link ke sumbernya.
Tidak ada pengaturan di Blogger Dashboard untuk mengaktifkan fungsi ini on atau off sehingga Anda telah melakukan beberapa pekerjaan tambahan untuk mencegah gambar dari pembukaan di tab baru jika diklik. Ada dua cara untuk melakukan itu.Mengedit HTML dari setiap postingKetika Anda meng-upload gambar di posting blogger Anda gambar secara otomatis dibungkus dalam sebuah tag anchor ke file gambar asli. Itulah alasan gambar yang Anda posting di blogger dapat diklik, jika Anda menghapus tag anchor, gambar menjadi unclickable.Buka editor posting blogger Anda, meng-upload gambar di posting kosong dan kemudian beralih ke mode HTML (gunakan tombol di kiri atas). Ini adalah apa yang akan Anda lihat:
 
Menghapus dua baris disorot (2 dan 4) akan melakukan pekerjaan atau dalam modus klik compose pada gambar dan kemudian pilihan Link pada toolbar Format, akan menghapus link.Tapi Anda harus melakukan hal ini setiap kali Anda meng-upload gambar yang sulit dan jika Anda memiliki ratusan posting dengan ribuan gambar maka ini akan menjadi pekerjaan yang membosankan bagi Anda.Cara JavaScriptDengan kode kecil dari JavaScript di blog Anda, Anda dapat menonaktifkan klik kiri pada semua gambar di dalam posting di blog Anda itu berarti Anda tidak harus mengedit setiap gambar untuk menghapus link itu. Namun JavaScript ini tidak menghapus link dari gambar, itu hanya menonaktifkan klik kiri pada gambar.Menambahkan Perpustakaan jQuery pertamaCatatan: Jika jQuery sudah ditambahkan dalam template Anda, melewatkan langkah ini.Sebelum kita menambahkan kode JavaScript utama, mari kita mencakup kerangka jQuery dalam template. Ini adalah kerangka kerja JavaScript. Berikut kode HTML untuk kerangka jQuery:

Untuk menambahkan HTML ini dalam template Anda pergi ke Dashboard Blogger Anda -> Template -> Edit HTML -> Tekan CTRL + F (CMD + F pada Mac) dan mencari <head> dan paste JavaScript / HTML langsung di bawah itu. Kemudian mungkin terlihat seperti ini :

Setelah kode ini di tempat yang tepat, klik Save Template dan langkah pertama dilakukan. Sekarang pindah ke langkah berikutnya untuk tindakan nyata.JQuery Fungsi KodeIni kode jQuery kecil menonaktifkan klik kiri pada gambar (atau apa pun yang Anda inginkan) di dalam tubuh posting. Jadi bahkan jika Anda memiliki gambar Anda dibungkus dalam sebuah anchor link diklik, dan bahkan jika Anda klik, tidak akan terjadi.
Untuk membuat kode ini bekerja untuk blog Anda, Anda harus menambahkan ini dalam template. Ikuti instruksi untuk menambahkannya:
  •     Pergi ke Dashboard Blogger Anda
  •     Pilih tab Template
  •     Klik pada Edit HTML dan lanjutkan
  •     Sekarang gunakan CTRL + F atau CMD + F di Mac
  • Cari </ head> dalam template dan kemudian paste jQuery / kode JavaScript di atasnya dan Simpan template.

Ini adalah apa kode seharusnya terlihat seperti pada itu tempat yang benar
Catatan bahwa ini akan menonaktifkan klik kiri pada semua gambar terkait dalam tubuh posting blog Anda, tetapi jika Anda pernah ingin gambar yang akan diklik kemudian hanya menambahkan kelas clickEnabled dengan tag img. Jadi klik gambar diaktifkan akan terlihat seperti ini (hanya melihat nama kelas)
 
Ini akan menghentikan kode dari berjalan pada gambar tertentu, Anda dapat melakukan ini pada sejumlah gambar dalam posting Anda.
Tidak hanya di blogspot, Anda dapat menggunakan potongan kode pada situs web apapun yang Anda inginkan Wordpress, Tumblr dll hanya mengubah pemilih (pasca-tubuh img:.. Tidak (clickEnabled) hal) tetapi jika Anda tidak yakin tentang itu Anda dapat menghubungi saya untuk mengetahui pemilih yang benar untuk situs atau blog.
Kode ini hanya berhenti browser dari melakukan sesuatu ketika link gambar di dalam pos tubuh diklik, sederhana, bukan?
Label:

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...