Friday, July 20, 2012

Cara membuat Show Hide komentar

Kali ini Blog Com akan membagikan trik cara membuat show hide komentar pada blog, Contohnya seperti dibawah ini.

Nah mau tahu caranya berikut caranya :
1. Log in ke account blog sobat.
2. Pilih menu Rancangan.
3. Edit Html, beri centang Expand Widget Default.
4. Cari kode </head>
5. Lalu tambahkan kode berikut tepat diatas 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 = "Tampilkan Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/>
6. Setelah itu cari kode ]]></b:skin>
7. Lalu tambahkan kode berikut tepat diatas kode ]]></b:skin>
a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; 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:#ffffff;}a.openpanel.active em {top:6px;border color:#222222;
}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;}
8. Setelah itu save template sobat.

2 komentar

Mantab Gan...

numpang sedot.....

Spesialis penyakit dalam, termasuk wasir atau wasir, pengobatan herbal


EmoticonEmoticon