-->
 Home  ·  About  ·  Privacy  ·  Contact  ·  Advertise  ·  Follow

Cara Membuat Tombol Buka Tutup pada Komentar 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.

Nah, sekarang komentar pada posting blog Anda lebih rapi dan tidak lagi memanjang kebawah. Semoga bermanfaat bagi kita semua.

10 komentar:

  1. keren terimakasih sobat..followsukse!

    ReplyDelete
  2. www.produsensusukambingbubuk.com
    www.sarimaduutama.web.id
    www.globalmandirisejahtera.web.id
    www.produsensusukambing.com

    ReplyDelete
  3. punya ane tetep ga bisa gan kenapa ya? mohon bantuannya :'(

    ReplyDelete
  4. Di blog saya gagal gan...??? :(

    http://miqbal20.blogspot.com

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. tolong dikasih demo live nya gan ..
    ini blog saya ane-aldi.blogspot.com

    ReplyDelete
  7. bagus nih aku baru ganti komentar di interior design murah
    lumayan lebih rapih

    ReplyDelete
  8. mantappp... https://putrasadur.blogspot.com

    ReplyDelete

 
Copyright © 2013 - . Info Blog Indonesia · Powered by Blogger
Join Us · Facebook · Twitter