Info Harga Komputer dan Gadget

Cara Membuat tombol menyembunyikan dan membuka komentar di blog

Advertisement
advertisement
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
Cara Membuat tombol menyembunyikan dan membuka komentar di blog 2
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(http://1.bp.blogspot.com/-bg2ZOqEDdxs/UdWsB8hg55I/AAAAAAAAAPA/dh9HSovukOo/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(http://1.bp.blogspot.com/-bg2ZOqEDdxs/UdWsB8hg55I/AAAAAAAAAPA/dh9HSovukOo/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 mudah mudahan besok nggak sibuk jadi bisa menulis artiikel lagi buat sobat edikomputer.com
advertisement

2 comments:

Sumber berita Menarik said...

waw thanks yaa atas tutorialnya

Kang Ucup said...

mas mau nanya. kalau membuat komentar dibagi menjadi beberapa halaman bagaimana caranya? misal postingan saya ada 100 komentar, tapi saya mau yang terlihat hanya 10 komentar saja. kalau mau lihat komentar yang lain berarti harus membuka halaman komentar selanjutnya. maksudnya biar loading halaman tidak menjadi berat. ditunggu jawabanya ya mas. terima kasih :)

Post a Comment

Blog Ini Dofollow Ya bro tapi jangan nyepam komentar secara bijak dan sesuai dengan postingan