Cara Membuat Komentar Blog Buka Tutup

Warg4net, Blog - Sahabat Blogger kali ini admin akan membuat sebuah artikel tentang Cara Membuat Komentar di Blog Buka Tutup. Artikel ini mungkin sudah banyak para blogger yang membuatnya, namun kali ini admin membuat tutorial ini untuk blog yang menggunakan template Viomagz. Ok Tidak usah panjang lebar lagi kita langsung saja pada tutorialnya.

Komentar Blog Warg4NET

Cara Membuat Komentar di Blog Buka Tutup

1. Pertama silahkan anda masuk pada dashboard blog lalu pilih Edit HTML

2. Kemudian cari kode seperti dibawah ini:

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

Kamu akan menemukan 2 buah kode yang sama dalam template Viomagz. Selanjutnya Ganti kedua kode di atas dengan script di bawah ini:

<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Tampilkan Komentar</a>
<div class='clear'/>
<div class='comments hide-content' id='comments'>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Sembunyikan Komentar</a>
<div class='clear'/>

Note: Kamu bisa mengganti teks atau tulisan pada tombol komentar dengan merubah bagian dibawah ini:

Tampilkan Komentar
Sembunyikan Komentar

3. Selanjutnya script dibawah ini, dan pastekkan diatas kode ]]></b:skin>.

Berikut scriptnya:

.hide-content{display:none;margin:0;padding:0;}
a.showcontent,#comments a.hiddencontent{display: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 .3s}
a.showcontent:hover{background:#fff;color:#5593f0;}
#comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}

4. Terakhir, tambahkan Javascript dibawah ini, dan tempatkan diatas </body>

<script type='text/javascript'>
//<![CDATA[
function 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>

5. Klik tombol save template

Selesai kini komentar blog anda sudah otomatis bisa tutup buka.

Demikian artikel kali ini tentang Cara Membuat Komentar di Blog Buka Tutup. Semoga artikel ini bermanfaat buat anda.

Blog Tutorial

• Share
• Share

Dapatkan Tips Menarik Setiap Harinya!

• Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya
• Jadilah orang pertama yang mengetahui hal-hal baru di dunia teknologi
• Dapatkan Ebook Gratis: Cara Dapat 200 Juta / bulan dari AdSense