Membuat Tampilan Post Menjadi Kotak Terpisah

Duh,akhirnya selesai juga materi tutorial yang satu ini,hmm.. setelah beberapa hari tersimpan di draf WLW,akhirnya bisa di terbitin juga ini postingan.. .Menanggapi request dari Bro Aalil,dalam tutorial kali ini kita akan membahas mengenai cara membuat kolom postingan menjadi terpisah-pisah seperti yang anda lihat di blog ini.Sehingga pengunjung dapat dengan mudah membedakan postingan berdasarkan jarak antar post nya saja..

1. Login ke Blogspot dengan account anda,kemudian pilih menu  TATA LETAK,lalu  EDIT HTML.

2. Cari kode berikut ini,

.post {

Sudah dapat?nah,anda tinggal menambahkan kode-kode ini tepat kebawah kode tersebut.

padding:10px; /* Jarak antara text post dengan garis pinggir */
Border-top: 3px solid #000000; /* warna garis  pinggir atas */
Border-bottom: 3px solid #000000; /* warna garis  pinggir bawah */
Border-left: 3px solid #000000; /* warna garis pinggir kiri */
Border-right: 3px solid #000000; /* warna garis pinggir kanan */
Margin-bottom: 15px; /* jarak antara post yang satu dengan yang lainnya */

Nb: #000000 adalah kode warna hitam.
Contoh kode di atas menggunakan warna hitam pada garis pinggirnya.. jadi,jika anda ingin mengganti warna nya,tinggal ganti aja deh kode  warnanya.. anda bisa membaca postingan saya terdahulu mengenai kode warna disini.
3. Simpan hasil pekerjaan anda,lalu lihatlah tampilan baru pada blog anda tersebut.Bagaimana??Berhasil kan..??
Bagi yang mengalami kesulitan dalam proses pengerjaannya,jangan sungkan-sungkan untuk meninggalkan komentarnya.^^
Tutorial Blog selanjutnya kita akan belajar membuat efek lengkung pada sisi border seperti garis pinggir yang terdapat di postingan blog ini..
See u..
Download Kode