Cara Membuat Buka Tutup Kotak Komentar Dengan JQuery

Langsung saja ikuti langkah berikut ini :

1.    Login ke Blogger.
2.    Pilih Design > Edit HTML.
3.    Cari kode ]]></b:skin>.
4.   Copy kode di bawah ini dan pastekan tepat di atas kode ]]></b:skin>.

 

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/AVvXsEg1dDKGvuO77QOFSA7rWUPI5yjb9WgKJBHGShW2mRxE43zhXFP9tHiWlFAAcCcuP_muDsGoiopdQjxxn2_j5XER7XTFK9vPyQ_sxdiedLzLhugHh_REvvJx43yLSCBJI5ZE5R-h9yluiKlj/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;}

5.    Kemudian cari lagi kode </head>.
6.    Copy kode di bawah ini dan pastekan tepat di atas kode </head>.

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

7.    Setelah selesai simpanlah template sobat dan lihat hasilnya.

Catatan:
Ada sedikit penambahan pada URL background dengan menambahkan ;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1dDKGvuO77QOFSA7rWUPI5yjb9WgKJBHGShW2mRxE43zhXFP9tHiWlFAAcCcuP_muDsGoiopdQjxxn2_j5XER7XTFK9vPyQ_sxdiedLzLhugHh_REvvJx43yLSCBJI5ZE5R-h9yluiKlj/s1600/topmenueva.jpg

 Lalu pada :
openPanelText = yang dirobah dengan kata-kata sendiri Buka Komentar
closePanelText = yang dirobah dengan kata-kata sendiri Tutup Lagi Komentarnya !

 

 

 

Sumber : http://evawangi.blogspot.com/2012/08/tutup-buka-kotak-komentar.html

Author : coxelgokil | ACI BUDAYA

Anda telah membaca artikel tentang : Cara Membuat Buka Tutup Kotak Komentar Dengan JQuery. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih... <a href="http://acibudaya.blogspot.com/2013/12/cara-membuat-buka-tutup-kotak-komentar.html" target="_blank">Cara Membuat Buka Tutup Kotak Komentar Dengan JQuery</a>

Author : Aci Budaya - [Blog Lain]