Sabtu, Mei 11, 2013

Cara Membuat Buka tutup KOMENTAR

Cara Membuat Buka tutup KOMENTAR Agar terlihat sederhana, comments Yang ADA di setiap Postingan di buat buka tutup.
Selain RAPI, blog JUGA tidak Kendaraan bermotor di pembebanan.
Caranya:

1. Login Blog
2. Mengedit 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

0 komentar: