cara menyembunyikan/hide kolom komentar

Langkah dan Cara Membuat Show Hide Komentar / Expand Collapse Blogger Comment Box
Bagi anda yang ingin tampil berbeda dengan yang lain mungkin ada banyak cara.Jika anda mempunyai banyak komentar namun tetap ingin tampil ringkas harus mencoba tips yang satu ini,dimana kolom komentar anda akan disembunyikan,agar tampilan anda lebih rapi dan ringkas.
komentar2 komentar

Pertama,silahkan masuk ke Dashboard blog anda lalu pilih Tata Letak kemudian klik tulisan Expand Widget Templates,dan cari kode berikut (Gunakan Ctrl+F atau f2):

</head>

Jika sobat sudah menemukannya,tepat di ATASnya letakkan script berikut:

<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 = “Tampilkan Komentar”,
closePanelText = “Tutup Komentar”,
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type=’text/javascript’>
</script>
<script src=’http://mrpujiajadeh.comze.com/slide-blogger-comment-box.js’ type=’text/javascript’/>

Setelah itu,cari kode berikut:

]]></b:skin>

Jika sudah sobat ketemukan,tepat diATASnya letakkan barisan kode ini:

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

Setelah itu simpan template sobat.
nah selesai,semoga bermanfaat

– www.opowi.net –

Related posts

3 Thoughts to “cara menyembunyikan/hide kolom komentar”

  1. makasih bang tutor nya,,sangat bermanfaat

  2. makasih bro tadi udah saya coba caranya ternyata benar bisa.

Leave a Comment