Posts Subscribe to This BlogComments

Follow Us

New Articles

1 2 3 4 5
Photobucket Disini kalian dapat merequest Software, Game, Pembuatan gambar 3dimensi AUTOCAD dan ANIMASI 3DSMAX ataupun Share Solution of Computer

Sabtu, 11 Desember 2010

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..Winking 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..??Big Grin


Kalian Bisa lihat contohnya  KLIK DISINI   

Related Post



0 komentar: