Home » blogger » Sembunyikan Kotak Komentar

Sembunyikan Kotak Komentar

Unknown - - - 1 komentar

Tutorial menyembunyikan kotak komentar agar blog terlihat lebih rapi:
  •  masuk ke pengedit html template
  • cari kode "]]></b:skin>"
  • letakkan kode berikut di atasnya
.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background: -moz-radial-gradient(center, ellipse cover, rgba(255,0,0,0.4) 8%, rgba(255,14,14,0.4) 13%, rgba(255,255,255,0) 100%);border:1px inset #FF0000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 5px;
-webkit-box-shadow:0px 1px 7px #FF0000 ;
-moz-box-shadow:0px 1px 7px #FF0000 ;
box-shadow: 0px 1px 7px #FF0000;}
div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}
div.hompiPanel {border:1px inset #FF0000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 5px;
-webkit-box-shadow:0px 1px 7px #FF0000 ;
-moz-box-shadow:0px 1px 7px #FF0000 ;
box-shadow: 0px 1px 7px #FF0000;padding:10px;margin:0px 0px !important;}

  • copy kode di bawah ini,dan letakkan di atas 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 = "KOMENTAR",
    closePanelText = "TUTUP",
    slideDownPanelSpeed = 300,
    slideUpPanelSpeed = 300;
    //]]>
    </script>
    <script type='text/javascript'>
    </script><script src='http://dienuhui.googlecode.com/files/slidekomentar.js' type='text/javascript'/>
    • simpan template
    • SELESAI

    1 komentar: