Cara Menyembunyikan Tampilan Kolom Komentar Pada Blog Versi Seluler

Menanggapi salah satu pertanyaan yang disampaikan oleh Sobat Blogger dalam artikel ‘Tanya Jawab’ mengenai cara menyembunyikan komentar pada postingan (dalam hal ini adalah menyembunyikan komentar yang ditampilkan dalam artikel untuk tampilan versi mobile), maka berikut ini adalah uraian teknik atau langkah-langkah yang dapat digunakan untuk mengerjakan hal tersebut.

Sebelumnya perlu diketahui bahwa teknik ini hanya digunakan untuk menyembunyikan komentar pada artikel dalam tampilan versi mobile saja. Sehingga apabila artikel dibuka dalam tampilan versi web, maka kolom komentar akan tetap ditampilkan dan pengunjung pun tetap dapat mengeposkan komentar untuk artikel yang dimaksud. Nah, untuk keperluan tersebut, maka kerjakan langkah-langkah berikut ini secara berurutan.

Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > ‘Expand Template Widget’.

Kedua, cari kode <div class='mobile-index-comment'> dan kemudian hapus rangkaian kode untuk class tersebut. Untuk lebih jelasnya perhatikan rangkaian kode di bawah ini.

<div class='mobile-index-comment'>   <-- hapus dari sini

  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    ----- kode -----

  </b:if>

</div>   <-- hapus sampai sini

Keterangan:

Hapus rangkaian kode tersebut untuk menghilangkan tautan jumlah komentar yang terdapat di halaman beranda.

Ketiga, cari kode <b:if cond='data:top.showMobileShare'> dan kemudian perhatikan beberapa baris di bawahnya untuk mencari rangkaian kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>   <-- hapus dari sini

  <b:if cond='data:post.showThreadedComments'>

    <b:include data='post' name='threaded_comments'/>

  <b:else/>

    <b:include data='post' name='comments'/>

  </b:if>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

  <b:if cond='data:post.showThreadedComments'>

    <b:include data='post' name='threaded_comments'/>

  <b:else/>

    <b:include data='post' name='comments'/>

  </b:if>

</b:if>   <-- hapus sampai sini

Keterangan:

Hapus rangkaian kode tersebut untuk menghilangkan tampilan komentar yang terdapat di bawah artikel atau dalam postingan.

Keempat, simpan template.

Dengan demikian maka secara otomatis komentar yang terdapat dalam setiap artikel tidak lagi dimunculkan apabila artikel yang dimaksud dibuka dengan menggunakan perangkat seluler atau dibuka dalam tampilan versi mobile. Sedangkan apabila artikel dibuka dalam tampilan versi web, maka komentar yang terdapat dalam setiap artikel tetap dimunculkan.

Keuntungan dari penggunaan teknik ini salah satunya adalah loading atau penayangan artikel akan menjadi lebih cepat apabila dibuka dengan menggunakan perangkat seluler, terutama apabila dalam artikel tersebut terdapat komentar yang jumlahnya cukup banyak. Namun dengan menggunakan teknik ini, bisa jadi akan mempersulit pengujung yang membuka artikel dengan memakai perangkat seluler untuk mengeposkan komentar, karena ketika akan mengeposkan komentar maka terlebih dulu harus membuka artikel yang dimaksud dalam tampilan versi web. Jadi, mengenai efektif atau tidaknya penggunaan teknik ini, akhirnya tetap saya kembalikan pada pilihan Anda sendiri sebagai pemilik sekaligus pengelola blog.

Semoga berguna dan bermanfaat.

Salam.