√ Cara Menciptakan Tombol Buka Tutup Pada Komentar Blog

Bagaimana cara menciptakan tombol buka tutup pada komentar blog? Fungsi dari tombol ini ialah biar komentar blog Anda tidak memanjang kebawah bila terlalu banyak komentar pada posting blog sehingga terkesan lebih rapi.

Anda sedang mencari dan ingin menciptakan tombol buka tutup pada komentar blog? Berikut simak dan ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area isyarat HTML.
3. Cari isyarat ]]></b:skin> dengan memakai Ctrl + F.
4. Letakkan isyarat berikut sempurna diatas ]]></b:skin>

a.openpanel {display:block;width: 100% ;height: 30px ;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background: #9E9E9E ;-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.openclosePanel {padding:10px 20px 20px;margin:0px 0px !important;}

5. Cari isyarat </head> kemudian letakkan isyarat berikut diatas </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/j4vascript'/>

<script type='text/j4vascript'> //<![CDATA[
var panelSelector = '#comments',
openPanelText = "Poskan Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600;
slideUpPanelSpeed = 400;
//]]>
</script>
<script src=' http://id-pemula-j4vascript.googlecode.com/files/openclosepanel.js '/>

Keterangan :
Hapus isyarat yang berwarna biru diatas bila pada template Anda sudah terpasang isyarat tersebut.
6. Klik Pratinjau template untuk melihat hasilnya, bila terjadi error.
7. Kemudian Simpan template.

Nah, kini komentar pada posting blog Anda lebih rapi dan tidak lagi memanjang kebawah. Semoga bermanfaat bagi kita semua.
Sumber http://id-pemula.blogspot.com