Membuat Buka/Tutup Komentar di Blog

Membuat Buka/Tutup Komentar di Blog - Bagaimana jika seluruh komentar pada artikel sobat ditampilkan semua tanpa ada batasan??..pastinya ribet bukan ?, bukan hanya anda sang admin blog tapi para pengunjung pun akan merasa kebingungan dibuatnya. Jujur saja, saya pernah singgah ke blog seseorang yang komentarnya sampai beratus-ratus dan semuanya itu ditampilkan, saya hendak berkomentar pada artikel tersebut tapi saya harus mencari kotak komentar yang jauh dibawah karena komentar yang banyak. Hal ini juga berdampak kurang baik bagi blog karena harus meload begitu banyak komentar dan tentu saja diperlukan waktu untuk itu. Tapi agan gak usah khawatir kali ini saya akan share mengenai cara membuat buka/tutup komentar diblog.

 

Untuk screenshotnya lihat gambar ini gan:


Lihat Gambar lebih Besar di SINI

Nah,gimana gan? tertarik ingin menciptakan 'show hide blogger comment' ini?

Langkah dan Cara Membuat Show Hide Komentar / Expand Collapse Blogger Comment Box

1. Pertama,sobat pergilah ke Dashboard lalu pilih Tata Letak kemudian contreng tulisan Expand Widget Templates,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'/>

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

3. Setelah itu simpan template sobat.

Catatan:
Trik ini akan bekerja tentu jika sobat mengaktifkan komentar di blogger,baik dalam komentar posting maupun settingan secara universalnya.Selamat mencoba, semoga berhasil..*source