Cara Memasang Fitur Show atau Hide Komentar di Blogger

Cara memasang fitur show hide comments blogger
Cara Memasang Fitur Show atau Hide Komentar di Blogger -  Di postingan sebelumnya masrinaldo.com sudah membuat postingan Membuat Blog menjadi kencang dengan lazy load iklan Google Adsense. Jadi seorang Blogger memang tidaklah mudah, selalu berusaha untuk meningkatkan kualitas Blognya untuk kenyamanan pengunjung dan salah satunya adalah merapihkan fitur komentar di blogger menggunakan fitur show hide untuk meminimalisir kapasitas halaman yang dapat mengganggu pengunjung.

Artikel yang sudah memiliki komentar cukup banyak di sebuah postingan akan biasa saja jika dilihat dan dibaca oleh pengunjung menggunakan mode desktop atau komputer. Tetapi tanggapan itu berbeda dengan pengunjung yang tidak berniat untuk melihat komentar karena menggunakan smartphone, sedangkan di postingan tersebut sudah memiliki dan menampilkan banyak komentar.

Tentunya pengunjung yang sebelumnya ingin menjangkau navigasi related post atau navigasi lainnya tanpa harus kembali ke halaman sebelumnya akan menjadi susah, karena pengunjung harus melewati semua komentar di blog tersebut.

Dan itulah tujuan utama di buatnya postingan ini yang berguna untuk meningkatkan kembali kenyamanan pengunjung, dengan memasang fitur show atau hide komentar di blogger.

Fitur Show atau Hide Comments Blogger

Fitur ini bisa dikatakan menyembunyikan komentar di blog dan jika pengunjung ingin membaca atau berkomentar, maka pengunjung bisa klik Show menampilkan komentar. Sebagai contoh, sobat bisa melihat komentar di postingan masrinaldo.com ini yang sudah menggunakan fitur show hide komentar juga sebagai Demo.

1. Login akun Blogger
2. Perhatikan tabel berikut terdapat 4 menu, yaitu HTML - CSS - JS - Result
See the Pen showhidecommentsblogger by William Rinaldo (@masrinaldo) on CodePen.
3. Copy semua script di Menu HTML
4. Cari kode <div class='comments' id='comments'> atau id='comments' dan ganti kode tersebut dengan script yang sudah di copy pada langkah ke 3
Biasanya markup (comments) tersebut ada dua di template. Maka ganti keduanya oleh script langkah ke 3 dan jika sobat mencari hanya menggunakan id='comments' saja, sobat tetap harus mengganti satu markup tersebut (bukan id='comments' nya saja).
 5. Memperganteng tampilan fitur show atau hide komentar di blogger dengan menambahkan gaya. Copy semua script di Menu CSS pada tabel di atas
6. Cari dan paste script langkah ke 5 sebelum /b:skin atau /style
7. Menambahkan fungsi Onclick di fitur show or hide comment blog. Copy semua script di Menu JS pada tabel diatas
8. Paste script tersebut sebelum atau diatas /body
9. Klik Simpan Tema

  • Mungkin ada beberapa template yang menggunakan markup comment berbeda, jadi sobat harus dapat menyesuaikan markup yang ada di template.
  • jika fitur show atau hide komentar ini tidak ingin ditampilkan di halaman tertentu. Sobat bisa menambahkan Tag kondisional yang diletakan diatas markup dan jangan lupa untuk menutup tag tersebut.

Demikian postingan mengenai "Cara Memasang Fitur Show atau Hide Komentar di Blogger" semoga dapat membantu sobat untuk meningkatkan kenyamanan pengunjung.

Source code : https://www.arlinadzgn.com/2015/10/show.and.hide.comments.blogger.dengan.onclick.event.html

Artikel Terkait

0Comments

Previous Post Next Post