tujuan memasang kotak scroll pada komen adalah
untuk menghemat ruang jika komen terlalu banyak
dan juga dapat mempercepat loading karena tidak banyak makan tempat
Caranya ikuti langkah-langkah dibawah ini :
1. Login Ke Blog Sobat
2. Pilih > Design > Edit HTML > Klik Pada Expand Widget
3. Cari Kode
.post-footer {
margin: 1.5em 0 0;
}
4. Copy kode dibawah ini dan paste kan dibawah kode no.3
#comments {
height:200px;
overflow:auto;
border:8px ridge #00ff00;
background: #006699;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
}
#comments .comment-author {
padding-top: 1.5em;
background :#009999;
border:1px dotted;
}
height:200px;
overflow:auto;
border:8px ridge #00ff00;
background: #006699;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
}
#comments .comment-author {
padding-top: 1.5em;
background :#009999;
border:1px dotted;
}
5. Jika tidak menemukan kode
.post-footer {
margin: 1.5em 0 0;
}
letakan kode no.4 setelah .post-footer
6. Klik Preview/Pratinjau untuk melihat hasilnya
7. Klik Save/Simpan jika sekiranya tiada kesalahan
Keterangan :
Sobat bisa menukar ridge dan background sesuai dg keinginan sobat
Padding adalah jarak backround dg text
Margin adalah jarak diluar kotak tanpa backround
Selamat Mencoba....
Semoga Berhasil
7 komentar
Click here for komentarkebetulan punyakyu belom discroll, pernah dicoba tapi ngga jalan, jadinya males ngutak atiknya...cari waktu buat diulik lagi ah.
Balas Hapussalam sehat selalu kang
@Desa Cilembu Salam sehat juga buat akang
Balas Hapusmksh kunjunganya
maunya pingin pasang Bang. tp kasihan pengunjung yg pakai HP ga bs komen...:D
Balas Hapusmksh Bang dah berbagi....
lah...kadang aku blogwalking pake hp...tapi tetap bisa komen pada blog yg memasang kotak scroll pada komen kok sob.
Balas Hapusbingung sob gk jdi2 heheheh
Balas HapusMakasih banget admin
Balas Hapusakhir nya berhasil juga membuat Kotak Scroll Pada Komen =))
ijin nyotek mas Bro,,,keren nih,,,,Terimakasih,,
Balas HapusPERINGATAN....!!!
Gak Usah Di Komen Bro....
ADMIN lagi maen game
Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon