Sabtu, Oktober 09, 2010
Administrator
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.
Cara Membuat Box Kolom Komentar dilengkapi Scroller:
1. Login ke Blogger (Login to Blogger).
2. Dasbor (Dasboard).
3. KLIK Tata Letak (Layout).
4. KLIK Edit HTML.
5. Amankan Template (Backup Template). Lihat cara mengamankan template di di sini !.
6. Tetap di Edit HTML.
Cara Membuat Box Kolom Komentar dilengkapi Scroller:
1. Login ke Blogger (Login to Blogger).
2. Dasbor (Dasboard).
3. KLIK Tata Letak (Layout).
4. KLIK Edit HTML.
5. Amankan Template (Backup Template). Lihat cara mengamankan template di di sini !.
6. Tetap di Edit HTML.
7. Cari KODE ]]></b:skin>. KODE ini terletak di atas KODE </head> dan <body>
- Gunakan Ctrl + F (pada keyboard) untuk memudahkan pencarian KODE.
8. Copy paste KODE CSS dan letakkan persis di atas ]]></b:skin>.
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; }
9. 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 :
.comment-body p { ....} : Hapus juga syntax tersebut.
10. KLIK Simpan Template (SAVE Template).
11. Lihat hasilnya dengan membuka blog !
