Cara Membuat Show / Hide Pada Komentar Blog

Senin, 08 Juli 2013

Cara Membuat Show / Hide Pada Komentar Blog - Selang beberapa menit, saya kembali memposting artikel dan pada artikel ini saya akan membahas tentang cara membuat show/hide pada komentar blog. Fungsi dari widget ini adalah komentar pada blog anda akan terlihat lebih rapih dan simple. Ikuti langkah-langkah berikut ini, apabila anda ingin membuat show/hide pada komentar blog anda.

1. Seperti biasa, masuk terlebih dahulu ke blogger.
2. Pilih template.
3. Pilih edit html.
4. Cari kode ]]></b:skin>
5. Salin kode dibawah ini dan pastekan diatas kode tadi.

a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-F8jMz9RlVx-ZN2a4nLH6mgiJbNPizcODW2kN_VjO4eymhDGhPMIaUqm2sQuGoFwPIp_JW2xwM9vDYvesE9mQHTWcANRu91kwYas2LyXIqHpFQpYYv3lPS1JaviccCFllulHc6-SbCH-/s1600/topmenueva.jpg)repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;
}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;
}a.openpanel.active {background-color:#;}a.openpanel.active em {top:6px;border color:transparent transparent white transparent;
}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}

6. Kemudian, anda bisa cari kode </head>
7. Salin kode dibawah ini dan taruh diatas kode tadi.

<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "Buka Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://evawangi.googlecode.com/files/slidekomentar.js' type='text/javascript'/>

8. Simpan.