Home » » Cara Membuat Show Dan Hide Comments Di Blogger

Cara Membuat Show Dan Hide Comments Di Blogger

Posted by Android Techpedia on Wednesday, July 17, 2019


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 menyampaikan 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 sebab itu tak jarang kita temui blog-blog besar seperti Panduanim, Sugeng.id, Arlinadzgn dan sebagainya punya aneka macam komentar didalamnya.

Hal ini tentunya merupakan sebuah hal positif yg sangat menguntungkan.

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

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

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

Caranya merupakan beserta membuat Show/Hide Comments!

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

Jadi apabila kamu menerapkan cara yg akan saya 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". Jadi bila anda menekan tombol Show ini, maka komentar di blog anda akan ditampilkan.

Untuk lebih jelasnya kamu mampu langsung menerapkan caranya bersama mengikuti panduan dibawah ini:

1. Seperti biasa login terlebih dahulu ke blogger.com
2. Pilih Tema>Edit HTML
3. Cari kode dibawah ini dengan menggunakan (CTRL+F)
<div class='comments' id='comments'>
Catatan:
Biasanya terdapat dua kode yang sama4. Ganti kedua kode tersebut beserta kode 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 kode dibawah ini sebelum kode ]]></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 kode berikut tepat 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 dia cara gampang menerapkan Show serta Hide Comments blogger. Cara ini pastinya akan menciptakan blog kamu lebih cepat ketika dimuat dan akan terlihat lebih rapih.


Oke saya rasa hanya itu yang mampu admin sampaikan, kurang lebihnya mohon maaf. Akhir ungkap saya ucapkan terimakasih dan sampai jumpa.


0 komentar:

Post a Comment

Popular Posts

Blog Archive

.comment-content a {display: none;}