Cara Membuat Auto Hide Kotak Komentar Blog

Selamat pagi sobat blogger,tahukan sobat tentang auto hide kotak komentar?pastinya sudah tidak asing lagi ditelinga sobat blogger yang sudah lama malang melintang didunia blogger.Cara ini banyak diterapkan oleh para blogger salah satunya saya,tp tidak di Planktoon Blog™ karena untuk mengantisipasi loading blog yang bagi saya sudah terlalu berat.Kita kembali ke topik utama sob,cara membuat auto hide kotak komentar atau membuat show hide komentar caranya cukup mudah,langkahnya hanya menambahkan kode java script dibawah ini yang nantinya akan berfungsi sebagai perintah untuk menyebunyikan kotak komentar blog.

Btw sudah berbulan-bulan saya vacum didunia blogger,entah kenapa rasa malas untuk menulis masih hinggap didiri saya,semoga saja mulai sa'at ini saya bisa wembali menuis untuk berbagi dengan sobat.
Cara Membuat Auto Hide Kotak Komentar Blog.Mari mluncur kwe TKP sob,..........
1.Login ke blogger
2.Opsi lainya>>Template>>Edit HTML>>Lanjutkan(centang Expand Template Widget)
3.cari kode </head> dan copas kode dibawah ini kemudian taruh diatas kode </head> tadi.

<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 = "Lihat Komentar",
closePanelText = "Sembunyikan Komentar",
slideDownPanelSpeed = 800,
slideUpPanelSpeed = 300;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://misbahudin-dcaesga.googlecode.com/files/show-hide.js' type='text/javascript'/> 

 4.Setelah itu cari kode ]]></b:skin> setelah itu taruh kode dibawah ini diatas kode ]]></b:skin>

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

5.PRATINJAU dulu sob,X aja ada yang salah,klo udah sukses simpan template.

DEMO

Sekian dulu artikel Cara Membuat Auto Hide Kotak Komentar Blog.Komentar ditunggu dibawah..hehehehe

Tweet