Cara Membuat Kotak Komentar Hide atau Show

Adapun caranya membuat tampilan komentar yang unik,mengapa saya bilang unik,karena memang 
unik buat saya,disini saya mau berbagi kepada temen - temen dan pengunjung yang sekedar lewat
bagaimana cara membuat tampilan kotak komentar menjadi Hide / Show gambarnya seperti 
dibawah ini :

Caranya :
1. Login Blog
2. Pergi ke Edit HTML
3. Backup template
4. Centang kotak Expand Wigdet pada bagian atas sebelah kiri.
5. Cari kode seperti ini dengan menggunakan CTRL + F     ]]></b:skin>
6. Masukkan Kode dibawah ini sebelum kode  ]]></b:skin>

a.openpanel {
  display:block;
  clear:both;
  width:auto;
  padding:0px 0px;
  text-align:center;
  font-weight:bold;
  line-height:32px;
  background-color:#39f;
  color:white;
  text-decoration:none;
  margin:0px 0px;
  -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
  box-shadow:0px 1px 1px rgba(0,0,0,0.2);
  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:#900;}

a.openpanel.active em {
  top:6px;
  border-color:transparent transparent white transparent;
}

div.paneline {
  height:0px;
  border-bottom:4px solid #39b;
}

div.hompiPanel {
  padding:10px 20px 20px;
  -webkit-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2);
  -moz-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2);
  box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2);
  margin:0px 0px !important;
}

7. Langkah selanjutnya kalian cari kode </head> dengan menggunakan CTRL + F
8. Taruh kode dibawah ini sebelum kode </head> atau tepat diatas kode tersebut



tp://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var panelSelector       = '#comments',
    openPanelText       = "Poskan Komentar",
    closePanelText      = "Tutup Komentar",
    slideDownPanelSpeed = 600,
    slideUpPanelSpeed   = 400;
//]]>
</script>
<script src='http://reader-download.googlecode.com/svn/trunk/blogger-slide-panel-comments.js' type='text/javascript'></script>




9. Catatan pada kode :

   tp://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

   sudah ada ditemplate kalian,Hapus kode tersebut kalau belum ada biarkan saja.

Sumber : http://www.dte.web.id