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.
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. 

© Sudar Cell. All rights reserved. Developed by Jago Desain