SAHABAT BLOGGER - Fungsi dari tombol ini adalah agar komentar blog Anda tidak memanjang kebawah, jadi terlihat lebih lebih rapi.
Jika anda tertarik untuk membuat Tombol Buka Tutup Pada Komentar Blog, silahkan ikuti langkah-langkah dibawah ini :
1. Login ke 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 dibawah ini tepat diatas kode ]]></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 dibawah ini diatas kode </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.
Kode berwarna ungu adalah kode warna background tombol.
6. Klik Pratinjau template untuk melihat hasilnya, jika terjadi error.
7. Kemudian Simpan template.
Sekian tutorial dari saya untuk Cara Membuat Tombol Buka Tutup Pada Komentar Blog,
artikel saya bermanfaat bagi kita semua.
terimksih mas. blog kami akhirnya bisa dibuka.
ReplyDeleteruangtamuzahro.blogspot.com
sama sama mbak :)
Delete