Membuat Show Hide Komentar Blogger

Kali ini saya akan berbagi Tutoraial Mengenai Komentar pada Blog ...
Lebih Tepatnya Membuat Buka/Tutup Pada Komentar Blog dan ini juga telah saya terapkan pada Blog saya ini ...
dan Gambarnya bisa Dilihat dibawah ini :

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

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

• Pertama,sobat pergilah ke Dashboard lalu pilih Tata Letak kemudian contreng tulisan Expand Widget Templates
• cari kode </head> (Gunakan Ctrl+F):
• 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.co.cc/slide%20blogger%20comment.js' type='text/javascript'/>

KETERANGAN :
Teks Berwarna Merah Bisa Sobat Ganti dengan tulisan yang sobat inginkan 

• Setelah itu,cari kode ]]></b:skin>
• jika sobat sudah menemukannya,tepat di ATASnya letakkan script berikut:

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

KETERANGAN :
Teks Berwarna Merah Bisa Sobat Ganti dengan tulisan yang sobat inginkan   

• 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 ya :D

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email