Mohon Tunggu Proses Memuat Konten Halaman

ADVERTISEMENT

Terbaru

12
Tgl. 02 Agustus 2012

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

Tampilan Kolom Kotak Komentar Pada Blogspot
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.


Katagori: ,
Silakan klik di sini untuk mengeposkan komentar Anda. Jika Anda ingin membaca artikel lain yang terdapat pada blog ini, maka dapat Anda lakukan dengan cara membuka laman daftar isi. Catatan: Komentar balasan hanya diprioritaskan untuk pertanyaan dan atau pernyataan yang diposkan dengan memakai formulir komentar Blogger.
Admin
Terdapat 12 komentar pada artikel ini ▶
02/08/12 01.45 O

bagus sob buat belajar ane....

02/08/12 11.52 O

wahh mantapp sobattt!! dicoba eh, langsung berhasil :D

03/08/12 05.23 O

saya harus banyak belajar untuk utak atik yang versi seluler.. :)

03/08/12 11.18 O

mantap tutorialnya nih menambah pengetahuan

Anonim
04/08/12 00.58 O

@All: Terimakasih Sobat (sekalian). Harapan saya, semoga ini dapat bermanfaat.

05/08/12 11.25 O

saya ijin save di komputer ya? siapa tau ntar kalo ada waktu buat praktekkin hehehehe

10/08/12 03.44 O

Terima kasih sobat,, maaf sy post ulang disini komenx alx kirain belum dibaca hehehehe.. boleh di Delete aja sob...

11/08/12 00.16 O

@CERITA-CERITASilakan Sobat... :)

11/08/12 00.20 O

@MharxSobat, silakan lihat uraian atas pertanyaan yang Sobat ajukan dalam artikel yang berjudul Cara Menghilangkan Baris Tombol Navigasi Pada Tampilan Blog Versi Mobile.

Oh ya, kemudian saya mohon maaf apabila komentar yang berisikan pertanyaan Sobat saya hapus, karena di dalamnya mengandung outbound link dalam bentuk live link. Sekali lagi saya mohon maaf.

Sekian dan salam. :)

11/08/12 09.53 O

Sobat, kenapa ya saya tidak bisa balas komentar di versi mobile untuk Blog saya?
Jadi kalau saya klik Post a Comment itu gak muncul kotak komentarnya sehingga saya harus buka Full Version agar saya bisa membalas komentar di blog saya. Itu kenapa ya Sob? Thx

16/10/12 21.29 O

Trim Mas> suport di templet saya salam kenal mas @ Newbi

16/10/12 22.59 O

@NISSANSama-sama Sobat. Terimakasih dan salam kenal balik. :)

How To ▶
Education ▶
SEO ▶
Other Internet ▶
Programming ▶
Tutorial ▶
DP & Story ▶
Tips & Trick ▶

o

  • .Ragam Tumbuhan
  • .Unik & Langka
  • .Aneka Buah
  • .Produk Sederhana
  • .Karya Seni
  • .Tempat Wisata
  • .Ragam Kegiatan
  • .Aneka Bunga
  • .Hewan & Serangga
GALERI
KIRIM MASUKAN
E L T E L U
Semar Bingung's Weblog