1/07/2020

Cara Menciptakan Show Dan Hide Comments Di Blogger


Komentar dalam sebuah blog merupakan sebuah media interaksi sekaligus penghubung antara pemilik blog bersama pengunjung(visitor).

Dengan adanya komentar pada postingan tentunya akan memudahkan para pengunjung buat memberikan aspirasinya mengenai konten yg anda untuk.

Kadang kala blog besar yang baik bukan dipengaruhi dari jumlah pengunjungnya melainkan dari banyaknya komentar yang ada di blog tersebut.

Oleh lantaran itu tak jarang kita temui blog-blog besar menyerupai Panduanim, Sugeng.id, Arlinadzgn dan sebagainya punya banyak sekali komentar didalamnya.

Hal ini tentunya merupakan sebuah hal faktual yg sangat menguntungkan.

Tapi yang menjadi konflik disini yaitu pada waktu sebuah blog memiliki konten, dengan didalamnya masih ada puluhan bahkan ratusan komentar yg memenuhi laman blog.

Memang bagus, tapi hal ini pula menjadikan beberapa hal yg kurang baik, diantaranya:
  • Isi konten blog tidak sebanding bersama banyaknya komentar, pada kesannya terlihat menyerupai dengan blog spam
  • Kecepatan loading blog menurun, lantaran terlalu banyak komentar yg dimuat
  • Komentar blog yang terlalu banyak memberi kesan bahwa blog tadi tak higienis (Bersih pada artian, tidak tersusun secara baik)

Maka dari itu admin akan menunjukkan kau sebuah cara revolusioner yang akan membuat fitur komentar di blog anda akan jauh lebih ringkas, rapih, responsive, serta praktis dimuat.

Caranya merupakan beserta membuat Show/Hide Comments!

Apakah Show/Hide Comments itu? Ia merupakan sebuah fitur aksesori yg akan membuat komentar blog kau menjadi lebih ringkas dan mudah.

Jadi apabila kau menerapkan cara yg akan aku bagikan ini, maka komentar anda akan berada pada letak Hide atau tidak ditampilkan.

Disana anda hanya akan mendapati sebuah catatan "Show Comment" yg berarti "Tampilkan Komentar". Kaprikornus kalau anda menekan tombol Show ini, maka komentar di blog anda akan ditampilkan.

Untuk lebih jelasnya kau bisa eksklusif menerapkan caranya bersama mengikuti panduan dibawah ini:

1. Seperti biasa login terlebih dahulu ke blogger.com
2. Pilih Tema>Edit HTML
3. Cari instruksi dibawah ini dengan memakai (CTRL+F)
<div class='comments' id='comments'>
Catatan:
Biasanya terdapat dua instruksi yang sama4. Ganti kedua instruksi tersebut beserta instruksi berikut
<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a><div class='clear'/> <div class='comments hide-content' id='comments'><a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a><div class='clear'/>

5. Lalu tambahkan juga instruksi dibawah ini sebelum instruksi ]]></b:skin> atau </style>
/* Show and Hide Comments */.hide-contentdisplay:none;margin:0;padding:0;a.showcontent,#comments a.hiddencontentdisplay:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s#comments a.hiddencontent background:#fff;color:#acb3b8;transition:all .3sa.showcontent:hoverbackground:#fff;color:#5593f0;#comments a.hiddencontent:hoverbackground:#acb3b8;color:#fff;

6. Terakhir masukan instruksi berikut sempurna di atas </body>
<script type='text/javascript'>//<![CDATA[// Show and Hide Commentsfunction showComm(e)document.getelementById(e)&&("none"!=document.getelementById(e+"-show").style.display?(document.getelementById(e+"-show").style.display="none",document.getelementById(e).style.display="block"):(document.getelementById(e+"-show").style.display="block",document.getelementById(e).style.display="none"));//]]></script>

7. Terakhir Simpan Tema

Itu ia cara praktis menerapkan Show serta Hide Comments blogger. Cara ini pastinya akan membuat blog kau lebih cepat saat dimuat dan akan terlihat lebih rapih.


Oke aku rasa hanya itu yang bisa admin sampaikan, kurang lebihnya mohon maaf. Akhir ungkap aku ucapkan terimakasih dan hingga jumpa.

Artikel Terkait