Cara Membuat Show/Hide Komentar Blog
Cara Membuat Show/Hide Komentar Blog,
sebuah blog tentunya membutuhkan komentar, jika sobat menampilkan
komentar di blog sobat dan artikel sobat memiliki banyak komentar
tentunya akan memakan bnayk waktu untuk membuka artikel tersebut,,
seperti yang kita ketahui menunggu merupakan hal yang sangat
membosankan, jika pengunjung blog sobat merasa terganngu karena harus
menunggu lama dan itu di sebabkan komentar di artikel sobat yang sangat
banyak, sobat bisa mengatasinya dengan cara berikut
Cara Membuat Show/Hide Komentar Blog:
1.login ke blog sobat
2.silahkan sobat cari kode </Head> gunakan F3 untuk pencarian
3.letakkan kode berikut ini tepat di atas kode <Head>
semoga berhasil dan semoga bermanfaat :)
Cara Membuat Show/Hide Komentar Blog:
1.login ke blog sobat
2.silahkan sobat cari kode </Head> gunakan F3 untuk pencarian
3.letakkan kode berikut ini tepat di atas kode <Head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>4.letakkan kode berikut ini di atas kode ]]></b:skin>
<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "Tampilkan Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/>
a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; url()repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;5.save template sobat
}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:#ffffff;}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.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}
semoga berhasil dan semoga bermanfaat :)
Categories:
Tutorial Blogspot
0 comments:
Post a Comment