Home > blogspot > tutorial > Cara Membuat Komentar blog Buka Tutup

Cara Membuat Komentar blog Buka Tutup

Bagikan ke Teman! :

Cara Membuat Komentar blog Buka Tutup

Demo nya bs sobat liat di komentar blog ini.

Cari kode ]]></b:skin>

salin kode di bawah dan pastekan di atasnya.

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;
}

cari kode </head> salin kode di bawah dan pastekan di atasnya.

<script src='http://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>

yang di beri tanda merah JIka template sobat sudah dilengkapi dengan JQuery, singkirkan kode tersebut!
sumber : http://hompimpaalaihumgambreng.blogspot.com