Kalau sebelumnya kamu telah membuat sidebar dalam kotak yang terpisah-pisah, sekarang bagaimana dengan posting "apakah bisa juga diterapkan?" Ternyata dengan sedikit menambah atau memodifiksi kode CSS, posting pun dapat ditampilkan dalam kotak yang terpisah-pisah. Penasaran dimana letak kode yang perlu ditambah atau dimodifikasi, mari bersama-sama kita ikuti trik bloggernya sebagai berikut.
- Login ke account blogger kamu.
- Pilih Tata Letak --> Edit HTML.
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
- Cari kode CSS .post antara <head> ... </head>. Kodenya lebih kurang seperti berikut.
.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
}
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
Catatan :
Kode template mungkin berbeda tapi cari yang memiliki kemiripan (.post). Atau jika belum ada maka tambahkan kode tersebut.
Kode template mungkin berbeda tapi cari yang memiliki kemiripan (.post). Atau jika belum ada maka tambahkan kode tersebut.
- Modifikasi kode .post, seperti dibawah ini.
.post {
background:#fff;
border:1px solid #6E6E6E;
margin:0 0 1.5em;
padding:0.5em;
}
Tambahan :
Rasanya kurang afdol apabila posting ditampilkan dalam kotak terpisah tanpa diikuti pula dengan komentar, karena akan kelihatan janggal dan kurang seimbang. Nah, untuk membuat komentar dalam kotak yang terpisah cukup dengan menambahkan kode berikut (tergantung karakteristik kode template masing-masing blog).
.comments {
background:#fff;
border:1px solid #6E6E6E;
margin:0 0 1.5em;
padding:0.5em;
}
Catatan :
Sesuaikan kode dengan tampilan template blog kamu, jangan asal copy-paste.
- Kamu bisa membuat kotak posting dan komentar versi kamu sendiri dengan merubah kode-kode yang berwarna merah di atas.
- Jangan lupa di simpan.
Selamat membuat posting dalam kotak yang terpisah-pisah...
0 Comments
