Sabtu, 05 Oktober 2013
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.
Dan Jadi'a Seperti Gambar Di Bawah Ini..
Sebelum Di Buka!
Setelah Di Buka!
Nah, sekarang komentar pada posting blog Anda lebih rapi dan tidak lagi memanjang kebawah. Semoga bermanfaat bagi kita semua.
Sumber http://cyber-che4t.blogspot.com/2013/09/cara-membuat-buka-tutup-pada-komentar.html?showComment=1380610943472#c4440974122295040280
(@))) Backlinks (^_\\
| URL |
| Code For Forum |
| HTML Code |
Anda Sekarang Sedang Baca Artikel Tentang Membuat komentar Buka/Tutup , Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Membuat komentar Buka/Tutup ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Membuat komentar Buka/Tutup Sumbernya. Thank's
