bergabung di grup telegram kami

mengatasi komentar blogger ngezoom saat di klik

mengatasi komentar blogger ngezoom saat di klik
mengatasi komentar blogger ngezoom saat di klik

Hallo semua pada kesempatan kali ini saya akan membagikan cara mengatasi komentar blogger yang suka ngezoom saat di klik saat di akses di browser smartphone atau hp.

ini hanya terjadi pada browser chorme versi mobile dan beberapa ada yang normal juga jadi hanya sebagian orang saja yang mengalaminya, dan dari beberapa kalian juga telah menanyakan ke saya mau itu di grup maupun chat langsung.

pada saat kalian menanyakan saya belum bisa memberikan jawaban, karena emang pada saat itu saya masih mencoba cara mengatasi hal tersebut namun masih menemukannya cara mengatasinya.

dan pada hari ini saya menemukan cara atau lebih tepatnya mengakali hal tersebut dengan javascript, cara ini bisa kalian gunakan untuk mengatasi komentar blogger yang suka ngezoom saat di klik.

cara ini mungkin hanya bersifat sementara aja, karna kemungkinan chorme kedepannya akan memperbaiki hal tersebut, jika kedepannya sudah normal kembali maka cara ini tidak perlu di lakukan lagi.

jadi di sini yang menggunakan css {touch-action:pan-x pan-y} yang nanti akan saya panggil classnya ke body untuk mematikan fungsi zoom pada browser dengan javascript toggle class, jadi class tersebut nanti hanya akan kita panggil ketika ada aksi klik pada tombol buka dan tutup komentar.

jadi cara ini hanya bisa kalian terapkan jika komentar blog memiliki tombol buka tutupnya, ok buat kalian yang ingin mencobanya mari simak caranya di bawah ini.

Mengatasi Komentar Blogger Zoom Saat Di Klik

silakan masuk ke blogger > tema > edit html salin css di bawah ini dan letkkan di atas kode ]]></b:skin> atau di atas kode </style>

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

lanjut salin javascript di bawah ini dan letakkan di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

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

selanjutnya silakan kalian tambahkan class cmZoom pada tombol buka tutup komentar pada template kalian masing - masing, jika tombol buka tutup komentar ada lebih dari 1 pastikan semuanya di tambahkan.

untuk pengguna template median-ui 1.6 silakan ikuti petunjuk saya di bawah ini.

<!-- cari kode -->

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

<!-- ubah jadi -->

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

<div class='cmShw'>

<!-- ubah jadi -->

<div class='cmShw cmZoom'>
<!-- cari kode -->

<label aria-label='Close' class='c' for='forComments'/>

<!-- ubah jadi -->

<label aria-label='Close' class='c cmZoom' for='forComments'/>
<!-- cari kode -->

<label class='fCls' for='forComments'/>

<!-- ubah jadi -->

<label class='fCls cmZoom' for='forComments'/>

ok jadi sekian mengatasi komentar blogger ngezoom saat di klik yang bisa saya bagikan kali ini, jika kalian ada cara yang lebih baik dari ini boleh berbagi ilmunya juga di kolom komentarnya ya, terima kasih telah berkunjung dan semoga bermanfaat.

Baca juga :

6 komentar


  1. 23 Juni, 2022 20:16
    Mantap mas ๐Ÿ‘
    1. 23 Juni, 2022 21:22
      terima kasih, semoga bermanfaat
  2. 24 Juni, 2022 00:07
    Thank You Very Much Brother! ๐Ÿ˜๐Ÿ˜
    1. 24 Juni, 2022 05:59
      you're welcome, hopefully useful
  3. 01 Agustus, 2022 07:58
    Not working on my plus ui template
    1. 01 Agustus, 2022 20:43
      Of course it doesn't work because each template has a different code, read the comments on my script you will know what needs to be changed
© 2020 - Wendy Code