Cara Membuat Tombol Show Hide Komentar Blog

Tweet

Cara Membuat Tombol Show Hide Komentar Blog - Kali ini saya kembali hadir di blog ini dan kali ini saya memposting artikel 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
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.

Baca Juga Artikel Dibawah Ini!