Membuat Tampilan Post Menjadi Kotak Terpisah

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..??

Kalian Bisa lihat contohnya  KLIK DISINI   

Related Post