-->

Mengatasi Komentar Blogger Ngezoom Sendiri Saat di Klik (Bug Blogger)

Mengatasi Komentar Blogger Ngezoom Sendiri Saat di Klik (Bug Blogger)

Mengatasi Komentar Blogger Ngezoom Saat Di Klik adalah bug baru blogger yang mana ini terjadi saat kolom komentar blogger diubah tampilannya. 

Bagi template blogger yang menggunkan kolom komentar blogger tentu akan mengalami hal yang sama. 

Permasalahan

Tentu ini sangatlah mengganggu dimana pada saat mau komentar maka akan ngezoom dengan sendirinya, ini juga saya alami dimana saat mau balas komentar pada blog ini. 

Saya sendiri baru menyedari hal ini karena jarang balas komentar pada blogger karena fokus pada konten. 

Saya menemukan mengatasi dari blog Wendy Code yang mana bisa mengatasi zoom saat komentar di klik.

Mengatasi Kolom Komentar Ngezoom Saat di Klik

Ada beberapa cara yang bisa kalian terapkan dengan mengikuti langkah berikut ini, masuk ke Tema > Edit Tema kemudian masukkan kode CSS berikut ini taruh pada ]]></b:skin> tepat diatas nya

body.antiZoom{touch-action:pan-x pan-y}

Setelah itu masukkan kode Javascript ini tepat diatas </body>

<b:if cond='data:view.isSingleItem and data:blog.isMobileRequest'> <script>//<![CDATA[ var zcmBtn = document.querySelectorAll('.cmZoom'); // tambahkan class (cmZoom) pada tombol buka tutup komentar kalian for (var i = 0; i < zcmBtn.length; i++) {     var cmBtnCk = zcmBtn[i];     cmBtnCk.addEventListener('click', function() {         document.querySelectorAll('BODY')[0].classList.toggle('antiZoom');     }); }  // cek apakah url saat ini memiliki parameter (#comment) if (window.location.href.indexOf('#comment') > -1) { // jika ada add class (antiZoom)     document.querySelectorAll('BODY')[0].classList.add('antiZoom'); }  //]]> </script> </b:if>

Apabila sudah menambahkan javascript berikut maka tinggal memanggil class nya, langsung aja cari kode seperti ini :

Cari Seperti ini

<label class='cmnt' expr:data-text='data:post.numberOfComments' for='forComments'> 

Kemudian Ubah Jadi Seperti ini

<label class='cmnt cmZoom' expr:data-text='data:post.numberOfComments' for='forComments'> 

Kemudian klik Simpan Template

Cara Mengatasi Komentar Ngezoom Pada Template HJN Blogger

Untuk mengatasi pada HJN Blogger Template cara nya hampir sama seperti cara yang diatas karena kode nya pun sama. 

Kalau kalian menggunakan yang Buka Tutup tentu beda lagi ada beberapa tambahan yang mana class harus dimasukkan supaya bisa bekerja. 

Nah apabila ingin ditanyakan mengenai tutorial ini langsung aja di kolom komentar yang ada dibawah ini. 

Berlangganan update artikel terbaru via email:

0 Response to "Mengatasi Komentar Blogger Ngezoom Sendiri Saat di Klik (Bug Blogger)"

Post a Comment

Kami memiliki kebijakan dalam berkomentar di Blog ini :

— Dilarang promosi suatu barang
— Dilarang jika memasang link aktif di komentar
— Dilarang keras melakukan promosi iklan
— Dilarang menulis komentar yang berisi sara, bully atau cemuhan

NB :Komentar yang melanggar tidak akan ditampilkan

Kebijakan komentar yang bisa Anda temukan selengkapnya disini

Dukungan :

Jika menyukai dengan artikel blog kami, silahkan Ikuti blog ini

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel