Cara Membuat tombol menyembunyikan dan membuka komentar di blog

Hai sobat edikomputer.com kali ini saya akan share tentang blogspot karena sepertinya memang sudah lama saya tidak share tentang trik blogspot dan trik blogspot yang akan saya share kai ini adalah tentang Cara Membuat tombol menyembunyikan dan membuka komentar di blogspot, dan caranya sangat mudah sekali sobat hany tinggal mengubah pengaturan template blogspot sobat mari kita simak tutorialnya.

Langkah 1

Login ke Dashboard atau admin blogspot sobat kemudian pilih menu Template, kemudian klik tombol edit html kemudian tekan CTRL + F agar kode bisa di temukan sebelum menekan CTRL + F letakkan kursor pada kode html blogspot terlebih dahulu, ini di maksudkan agar pencarian yang akan kita cari mengarah pada kode html blogspot bukan pada browser, karena banyak juga yang bertanya kok nggak ketemu kodenya? nah untuk lebih jelas lihat gambar disamping, klik gambar untuk memperbesar.

Langkah 2
Kemudian pada kotak pencarian kode blogspot ketik atau cari kode ini

]]></b:skin>

Kemudian copy dan paste kode CSS berikut ini di atasnya :

a.openpanel {
text-decoration:none;
display:block;
width:100%;
height:30px;
padding:0px 0px;
text-align:center;
font-weight:bold;
line-height:30px;
color:#FFF;
background:#af0707 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXQNQYL4_uJeAld9CbbjqXFIXBuAPnPojh0V25JnvSfhQ0FQdUtjp-eudQIDsMCzJo8Cwip2F7xuSPMstrRDQPbY7P-BvYjRv6vTh-hzk7btleRd_1FYd0JjdLppUIC3bRY4FzELwEefN/s40/comm.png)no-repeat left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position:relative;
}

Save Template dan kita lanjutkan ke langkah berikutnya

Langkah 3
Memasang kode javascript, untuk pemasangan kode ini silahkan ketik kode ini pada kotak pencarian kode blogspot tadi :

</head>

Kemudian copy Paste kode javascript ini tepat di atasnya :

<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 = "Berikan Komentar",
closePanelText = "Sembunyikan Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://www.binaummat.com/fokusbanten/showhidden.js' type='text/javascript'/>

Save template dan lihat hasilnya kotak komentar sobat akan berganti dengan tombol yang bisa di tampilkan dan disembunyikan sebagai demo silahkan lihat dinini www.fokusbanten.com

Tips :
Untuk mengganti warna background tombol komentar silahkan temukan kode CSS ini

background:#af0707 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXQNQYL4_uJeAld9CbbjqXFIXBuAPnPojh0V25JnvSfhQ0FQdUtjp-eudQIDsMCzJo8Cwip2F7xuSPMstrRDQPbY7P-BvYjRv6vTh-hzk7btleRd_1FYd0JjdLppUIC3bRY4FzELwEefN/s40/comm.png)no-repeat left;

 Silahkan ganti tulisan warna merah dengan kode warna yang sobat suka

Oke mungkin itu saja dulu tips yang saya berikan kali ini.

semoga bermanfaat...