Buka Tutup - Show Hide Komentar Blogger

Selamat datang kembali,anda sedang membuka halaman Buka Tutup - Show Hide Komentar Blogger yang telah kami publikasikan di blog sederhana berkonsep Tutorial Blog dan Seo Blogspot ini.Kami menyampaikan terima kasih atas kunjungan anda,dan kami ucapkan selamat membaca!

Cara Membuat Buka Tutup Komentar Blogger / Expand-Collapse Comment jQuery Slide

Untuk screenshotnya lihat gambar ini gan:

Lihat DEMO-nya di SINI

Bagaimana Langkah dan Cara Menerapkan Show Hide Comment Box / Expand Collapse Komentar Blogger?

Pilih Dashboard lalu pilih Templates kemudian pilih Edit HTML,dan cari kode berikut (Gunakan Ctrl+F):

</head>

Jika sobat sudah menemukannya,tepat diATASnya 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://membuatgempar.net23.net/comment.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;}

Simpan template.

Catatan:
Sobat harus mengaktifkan komentar di blogger terlebih dahulu,untuk bantuan mungkin sobat bisa rujuk di bagaimana mengatur komentar blog.
Selamat mencoba :D