Hai sobat blogger ! sudah cukup lama gak posting nih, kali ini rizaldi priantama akan berbagi ilmu nih sob, tentang Cara membuat kotak komentar buka tutup di blog. tutorial ini akan sangat bermanfaat jika pengunjung blog sobat membludak alias sangat banyak , apalagi jika blog sobat dofollow, pastinya akan ada banyak komentar, duh kalo banyak-banyak komentar ngaruh gak ya pada loading blog? ya jelas ngaruh sob. nah, tutorial kali ini bertujuan untuk merapikan blog sobat yang tadinya langsung muncul komentar banyak, kali ini sedikit disembunyikan , jika diklik, maka akan muncul tampilan komentar sobat. okelah daripada banyak ngomong, capek ngetiknya, mending langsung kita bahas saja :
Fix Update Tutorial 14 Januari 2013 - Tested 100% work
1.) Baca Basmallah
2.) Masuk ke akun blogger sobat
3.) Masuk ke Template > Edit Html > Lanjutkan
4.) Backup dulu template sobat, klik download template lengkap,
5.) Centang tanda expand widget template
6.) Cari kode ]]></b:skin>, agar mudah cari dengan menggunakan Ctrl+F
7.) Jika sudah ketemu, taruh kode dibawah ini tepat diatas kode ]]></b:skin>
Kode
a.openpanel{display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#fff;url()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:#fff}a.openpanel.active em{top:6px;border color:#222}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}
9.) Disini kita akan menggunakan kode JQuery versi 1.7.1, jika anda sudah memasang kode Jquery tersebut di template anda, anda bisa menghapus kode yang berwarna merah. Lalu letakkan kode dibawah ini tepat diatas kode </head>
Kode
<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 = "<center>Tampilkan Kotak Komentar</center>",
closePanelText = "Tutup Tampilan Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 600;
//]]></script><script src='http://rizaldipriantamascript.googlecode.com/files/Komentar.js' type='text/javascript'/>
a. Ganti tulisan Tampilkan Komentar dengan kalimat/kata sesuai selera sobat
b. Ganti 600 dengan angka sesuai selera sobat, semakin kecil angka itu, semakin cepat pula slide komentar akan tertutup/terbuka
11.) Simpan Template dan Selesai
Publish by : http://rizaldipriantama.blogspot.com
