( Always give the best )

Jumat, 03 Januari 2014

Cara Membuat Buka Tutup Pada Komentar Di Blog

Bagaimana cara membuat tombol buka tutup pada komentar blog? Fungsi dari tombol ini adalah agar komentar blog Anda tidak memanjang kebawah jika terlalu banyak komentar pada posting blog sehingga terkesan lebih rapi.Anda sedang mencari dan ingin membuat tombol buka tutup pada komentar blog? Berikut simak dan ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode ]]></b:skin> dengan menggunakan Ctrl + F.
4. Letakkan kode berikut tepat diatas ]]></b:skin> 

a.openpanel {display:block;width: 100% ;height: 30px ;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background: #9E9E9E ;-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:#;}
a.openpanel.active em {top:6px;border color:transparent transparent white transparent;}
div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}
div.openclosePanel {padding:10px 20px 20px;margin:0px 0px !important;}
5. Cari kode </head> kemudian letakkan kode berikut diatas </head> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'> //<![CDATA[
var panelSelector = '#comments',
openPanelText = "Poskan Komentar",
closePanelText = "Tutup Komentar", 
slideDownPanelSpeed = 600;
slideUpPanelSpeed = 400;
//]]>
</script>
<script src=' http://id-pemula-javascript.googlecode.com/files/openclosepanel.js '/>
Keterangan :
Hapus kode yang berwarna biru diatas jika pada template Anda sudah terpasang kode tersebut.
6. Klik Pratinjau template untuk melihat hasilnya, jika terjadi error.
7. Kemudian Simpan template.
Dan Jadi'a Seperti Gambar Di Bawah Ini..

Sebelum Di Buka!


Setelah Di Buka!

sumber : http://cyber-che4t.blogspot.com/2013/09/cara-membuat-buka-tutup-pada-komentar.html

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara Membuat Buka Tutup Pada Komentar Di Blog

0 komentar:

Posting Komentar

Sebelumnya saya ucapkan terimakasih karena telah berkunjung ke blog saya dan saya mohon agar anda berkomentar mengenai artikel yang sudah saya tulis, terimakasih ya....