Agar terlihat simple, komentar yang ada di setiap postingan di buat buka tutup.
Selain rapi, blog juga tidak berat di loading.
Caranya:
1. Login Blog
2. Edit template
3. Pasang kode dibawah ini diatas ]]></b:skin>
a.openpanel {color:#fff;display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#282828; 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:#282828;}
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.hienzoPanel {padding:10px 20px 20px;margin:0px 0px !important;}
4. Letakkan script di bawah ini, di atas </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 = "Comment Here",
closePanelText = "Close Comment",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://mig33eaglecomment.googlecode.com/files/show-hide-mig33eagle.js.txt' type='text/javascript'/>
5. Simpan template dan selesai
Demikian Cara Membuat Buka Tutup Komentar pada Blog.
Semoga bermanfaat
1 comments
^:D haha
ReplyDelete