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>
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;}
<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 '/>
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.
keren terimakasih sobat..followsukse!
ReplyDeletemantap gan, thank udah berbagi
ReplyDeletewww.produsensusukambingbubuk.com
ReplyDeletewww.sarimaduutama.web.id
www.globalmandirisejahtera.web.id
www.produsensusukambing.com
punya ane tetep ga bisa gan kenapa ya? mohon bantuannya :'(
ReplyDeletesangat membantu gan
ReplyDeleteDi blog saya gagal gan...??? :(
ReplyDeletehttp://miqbal20.blogspot.com
This comment has been removed by the author.
ReplyDeletetolong dikasih demo live nya gan ..
ReplyDeleteini blog saya ane-aldi.blogspot.com
bagus nih aku baru ganti komentar di interior design murah
ReplyDeletelumayan lebih rapih
mantappp... https://putrasadur.blogspot.com
ReplyDelete