mematikan scroll pada komentar median-ui

Hallo semua pada kesempatan kali ini saya akan membagikan cara mematikan fungsi scroll pada komentar template median-ui v.1.5.

pada update v.1.5 ini saya sangat puas sekali sebagai pengguna template median-ui karya jagodesain.com, selain tampilan yang simple bersih dan kekinian juga memiliki fitur yang keren, salah satunya yang saya sukai adalah fitur komentar pop up.

karena komentar pop up seperti ini masih jarang sekali di temukan blog lain sehingga terlihat lebih unik, tombol buka komentar ini juga memiliki 3, yang pertama di bawah judul artikel (hanya tampil jika ada komentar) yang kedua ada di bawah artikel dan yang ketiga ada di navigasi mobile.

kekurangannya tombol yang ada di bawah judul artikel dan navigasi mobile di klik menggunakan aktifitas scroll untuk membuka komentar, ketika kita tutup komentar dan tekan tombol kembali maka akan mengulang lagi scroll dan terbuka komentar. sehingga kita harus menutup komentar 2 kali.

sebenarnya di sebut kekurangan juga kurang tepat karena ini kesengajaan designernya buat seperti itu, karena jika kalian ingin menonaktifkan komentar pop up maka fungsi scroll itu akan di butuhkan.

jadi jika kalian hanya menggunakan komentar pop up dan ingin mematikan fungsi scroll silakan simak caranya di bawah ini.

Cara Mematikan Fungsi Scroll Komentar Median-Ui

silakan masuk ke blogger > tema > edit html carilah kode seperti di bawah ini dan silakan ubah sesuai petunjuk saya.

<!-- cari kode seperti ini -->

<b:includable id='postCommentLink'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <a class='postComment' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' href='#comments'>
            <b:include name='chat-icon'/>
          </a>
        </b:if>
      </b:includable>

<!-- ubah dengan kode di bawah ini -->

<b:includable id='postCommentLink'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <a class='postComment' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments'>
            <label class='postComment' for='forshow-comment'>
            <b:include name='chat-icon'/>
            </label>
          </a>
        </b:if>
      </b:includable>

<!-- cari kode seperti ini -->

<b:class name='mComment'/>
<a aria-label='Show comments' href='#comments'><b:include name='chat-icon'/></a>

<!-- ubah dengan kode di bawah ini -->

<b:class name='mComment'/>
<a aria-label='Show comments'><label class='mComment' for='forshow-comment'><b:include name='chat-icon'/></label></a>

<!-- cari kode seperti ini -->

<li class='mComment'>
<a aria-label='Show comments' href='#comments'><b:include name='chat-icon'/></a>

<!-- ubah dengan kode di bawah ini -->

<li class='mComment'>
<a aria-label='Show comments'><label class='mComment' for='forshow-comment'><b:include name='chat-icon'/></label></a>

setelah mengubah semua kode di atas, maka lingkaran yang menampilkan jumlah komentar yang berada di bawah judul artikel akan sedikit bergeser, maka itu kita juga perlu menyesuaikan cssnya agar rapih.

<!-- cari css seperti ini -->
.postComments svg{width:18px;height:18px; margin:0}

<!-- ubah dengan css di bawah ini -->

.postComments svg{width:18px;height:18px; margin-right:5px}

jika semuanya sudah selesai silakan klik simpan dan lihat hasilnya, ok jadi sekian cara mematikan fungsi scroll pada komentar template median-ui v.1.5 semoga bermanfaat dan terima kasih telah berkunjung.