Memodifikasi komentar blog agar
terlihat lebih keren & menarik untuk dipandang, memang banyak sekali
cara-nya. Salah satunya dengan menambahkan emoticon/gambar
kecil yang mengekspresikan perasaan anda. Namun yang akan saya share disini
bukan itu, melainkan cara menyembunyikan area kotak komentar dengan tombol buka
& tutup beserta background. Fungsinya tentu untuk menghemat ruang blog. Terlebih
lagi jika komentarnya ramai, memakan tempat sampai kebawah banget. Maka ini
akan sangat berguna sekali. Biar tambah hemat lagi boleh juga coba yang ini comment box with scroll box.
1.Template > Edit HTML >
Centang Expand Template Widget
2.Pasang kode dibawah ini diatas ]]></b:skin>
a.openpanel
{color:#fff;display:block;width:100%;height:40px;padding:0px
0px;text-align:center;font-weight:bold;line-height:30px;background:#356dab; url()repeat-x;-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:#356dab;}
a.openpanel.active em {top:6px;border color:#222222;}
div.paneline {height:0px;-webkit-transition: all .15s
ease-in-out;-webkit-transform-origin: 50% 1px;}
div.hienzoPanel {padding:10px 20px 20px;margin:0px 0px !important;}
Catatan: yang warna merah bisa diganti dengan kode warna yang anda
inginkan.
3.Taruh kode dibawah ini diatas </head>
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "LIHAT KOMENTAR",
closePanelText = "SEMBUNYIKAN KOMENTAR",
slideDownPanelSpeed = 800,
slideUpPanelSpeed = 300;
//]]>
</script>
<script type='text/javascript'>
</script>
<script
src='http://hienzo.googlecode.com/files/show-hide-hienzo-blogspot.js.txt'
type='text/javascript'/>
Info:
- Biru:
Kecepatan menampilkan komentar
- Merah:
Kecepatan Menutup Komentar
4.Simpan
Template
semoga bermanfaat ya sobat
Anda telah membaca artikel tentang Edit komentar dengan tanda buka tutup dan anda juga bisa menemukan artikel Edit komentar dengan tanda buka tutup ini dengan url http://hbiepwidjaia.blogspot.com/2013/06/edit-komentar-dengan-tanda-buka-tutup.html.Anda boleh menyebarluaskan atau mengcopy artikel Edit komentar dengan tanda buka tutup ini jika memang bermanfaat bagi Anda, namun dengan catatan jangan lupa untuk mencantumkan link sumbernya.
