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.