Tuesday, June 15, 2010

Membuat Area Posting Kotak Terpisah

Duh .. Lama ngak update artikel neh, habis sibuk edit template jadi lupa posting deh .
Gara-gara nyasar di blog nya Bang Del jadi pengen mengedit template saya! bagus sih artikel-artikelnya.

Yah gini deh jadinya template blog saya setelah berhari-hari utak-atik sana-sini. Bagus ngak ya ? kata ibuku sih bagus ( hehehe lebay ) !

Enaknya posting apa ya ? ini aja deh " Membuat Area Posting Kotak Terpisah " ini juga saya terapkan di blog saya , coba aja lihat

Membuat area posting terpisah

Langsung aja yah ..

Masuk ke blog kamu

Terus ke Tata Letak

Kemudian Edit Html , jamgan lupa centang expand widget

Backup template , untuk jaga-jaga kalau nanti terjadi kesalahan

Cari kode di bawah 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://i47.tinypic.com/t885cn.jpg) repeat-x top;
border:1px solid #DF0101;
margin:0 0 0.5em;
padding:0.5em;
font-family:"verdana";
}


Simpan template dan selesai lah sudah !

Coba lihat blog kamu , berhasil ngak ..

Nb : untuk kode gambar yang berwarna ungu bisa anda ganti dengan Url gambar kamu.