Membuat Area Posting Dalam Kotak Terpisah

Membuat Area Posting Dalam Kotak Terpisah
Ini bukan trik atau tips, tapi hanya masalah desain template saja. Seperti yang saya bilang tadi, yang perlu dilakukan hanya dengan menambahkan kode CSS untuk perintah membuat garis pembatas di sekeliling area posting sehingga nantinya area posting akan berada dalam kotak yang terpisah-pisah.
1.Login ke blogger dengan id anda
2Silahkan tuju Tata Letak
3.Pada tab menu pilih Edit HTML
4.Klik kotak kecil Expand Template Widget
5.Untuk backup, silahkan klik teks Download Template Lengkap
6.Cari kode ini :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

Hapus dan ganti dengan kode ini :

.post {
background:#fff url(http://i38.tinypic.com/2lt5wsl.jpg) repeat-x top;
border:1px solid #0B610B;
margin:0 0 0.5em;
padding:0.5em;
font-family:"Trebuchet MS";
}

7.Berikutnya klik tombol Simpan Template
8.Selesai
Nah, disana saya telah menambahkan sedikit bonus untuk post header background. Semua kode itu bisa anda ganti lagi dan dibuang mana yang tidak perlu. Sebaiknya disesuaikan dengan desain template blog anda. Nah, di bawah ini saya kasih gambar ilustrasinya :

Post area template tanpa border :



Post area dengan border dan header background :



beri komentar y..