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

Hal ini tentunya merupakan sebuah hal faktual 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 menjadikan beberapa hal yg kurang baik, diantaranya:

• Isi konten blog tidak sebanding bersama banyaknya komentar, pada hasilnya terlihat ibarat dengan blog spam
• Kecepatan loading blog menurun, karena 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 memperlihatkan kamu sebuah cara revolusioner yang akan menciptakan fitur komentar di blog anda akan jauh lebih ringkas, rapih, responsive, serta mudah dimuat.

Caranya merupakan beserta menciptakan Show/Hide Comments!

Apakah Show/Hide Comments itu? Ia merupakan sebuah fitur perhiasan yg akan menciptakan 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". Makara jikalau anda menekan tombol Show ini, maka komentar di blog anda akan ditampilkan.

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

1. Seperti biasa login terlebih dahulu ke blogger.com
2. Pilih Tema>Edit HTML
3. Cari aba-aba dibawah ini dengan menggunakan (CTRL+F)

<div class='comments' id='comments'>

Catatan:
Biasanya terdapat dua aba-aba yang sama4. Ganti kedua aba-aba tersebut beserta aba-aba 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 aba-aba dibawah ini sebelum aba-aba ]]></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 aba-aba 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 ia cara mudah menerapkan Show serta Hide Comments blogger. Cara ini pastinya akan menciptakan blog kamu lebih cepat ketika dimuat dan akan terlihat lebih rapih.

Baca Juga: Cara Membuat Alat Parse HTML (HTML Converter) Di Blogger

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

Share this post