Cara Membuat Tombol Show Hide Komentar Blog

Mungkin anda pernah saat blogwalking pada blog, kemudian anda melihat tombol "Show Comment" dan kemudian "Hide Comment" di blog tersebut. Lalu anda ingin menerapkannya pada blog anda. Jika anda ingin memasang Tombol Show Hide Komentar pada blog, Berikut ini adalah Cara Membuat Tombol Show hide komentar blog :

                                




1. Login ke akun blogger anda.
2. Template >> Edit Html >> Lanjutkan >> Kasih centang "Expand Template Widget".
3. Tekan CTRL + F,cari code </head>
4. Letakkan kode berikut ini tepat DIATAS kode </head>




<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'/>




5. Letakkan kode berikut ini tepat 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;
}


6. Klik "Simpan Template" dan lihat hasilnya.


Selamat Mencoba.......

Artikel Terkait: