Cara Membuat Buka Tutup Komentar dengan jquery pada Blog

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