.jpg)
Pembuatan box kolom komentar dimaksudkan untuk membuatnya menjadi terlihat lebih rapi, lebih sedikit memakan ruang dan tentunya lebih mempermanis halaman blog. Agar ruang untuk menuliskan komentar lebih longgar kita akan perlebar kolomnya hingga menjadi lebih seimbang dengan halaman blog. Diakhir perombakan kolom komentar, cobalah untuk melihat penampilan baru halaman blog anda. Akan tampak bentuk wajah baru yang lebih elegan dan membuat pengunjung blog menjadi lebih tertarik untuk memberikan komentar terhadap hasil jerih payah kita yang telah dituangkan dalam bentuk posting. Setelah pembuatan box kolom posting terselesaikan, untuk meningkatkan kepedulian pengunjung dalam memberikan komentar, di posting berikutnya kita akan coba merubah beberapa teks dalam kolom komentar supaya terasa lebih ramah dan bersahabat.
update » January, 10, 2012
Cara Membuat Box Kolom Komentar dilengkapi Scroller:
- Login ke Blogger (Login to Blogger).
- Dasbor (Dasboard).
- KLIK Tata Letak (Layout).
- KLIK Edit HTML.
- Amankan Template (Backup Template). Lihat cara mengamankan template di di sini !.
- Tetap di Edit HTML.
- Cari KODE ]]></b:skin>. KODE ini terletak di atas KODE </head> dan <body>
Gunakan Ctrl + F (pada keyboard) untuk memudahkan pencarian KODE.. Silahkan ikuti Panduan cari kode html dg Ctrl + F. - Copy paste KODE CSS dan letakkan persis di atas kode ]]></b:skin>.
- Hapus KODE CSS dari template (asli) yang sama dengan KODE CSS di atas. Untuk syntax :#comments-block .comment-body p biasanya ada yang menggunakan KODE :
- KLIK Simpan Template (SAVE Template).
- Lihat hasilnya dengan membuka blog !
KODE CSS :
#comments{
height:450px;
overflow:auto;
border:4px solid #666;
padding:15px 5px;
}
.comment-form{
border:2px solid #666;
padding:2px;
background:#666;
}
#comments iframe{
margin-left:2px;
height:253px;
width:375px;
}
#comments-block .comment-body p{
margin:0 0 .75em;
font-family:Comic Sans MS;
font-size:10px;
color:#bdfcfb;
line-height:14px;
background:#333;
border-top:1px dotted #888;
border-bottom:1px dotted #888;
padding:1px 6px;
}
#comments-block img{
border:1px solid #888;
background:#333;
padding:8px 1px;
}.comment-body p { ....}Hapus juga syntax tersebut.
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
update » January, 10, 2012
» Happy Blogging - gubhugreyot «
sip pak infonya
BalasHapusgggg
BalasHapusfolow blog aku ya
BalasHapusSipppp
Hapus