bergabung di grup telegram kami

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.

sebenarnya saya sudah menyadarinya sejak blogger menganti bingkai komentarnya, 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 blogger 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.

pada 27 juni 2022 saya melihat komentar blogger sudah normal kembali jadi kemungkinan script ini tidak di perlukan lagi

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 :
tutorial blogger

4 komentar



image quote pre code
  1. Mantap mas ๐Ÿ‘
    1. terima kasih, semoga bermanfaat
  2. Thank You Very Much Brother! ๐Ÿ˜๐Ÿ˜
    1. you're welcome, hopefully useful
© 2020 - Wendy Code

Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english