» » Cara Membuat Posting di Kotak Terpisah-pisah

Cara Membuat Posting di Kotak Terpisah-pisah

Jika waktu itu saya pernah posting Cara Membuat Sidebar Terpisah-pisah. Kini saya akan memberi tau cara membuat posting di kotak terpisah. Seperti apa? seperti gambar di bawah ini
Click to Preview Demo
Klik saja gambarnya untuk melihat demo langsungnya. Jika sudah lihat dan tertarik langsung saja saya ajarkan.

1. Login ke blog anda > design >> Edit HTML
2. Cari kode .post { --> Tips cari cepat dengan F3 / Ctrl +F

3. Letakan kode berikut di bawah kode .post {
Background:white;
padding:10px;
margin:15px 5px 20px 0;
Keterangan : 
Background:white; --> berarti posting memiliki background putih
padding:10px; --> Jarak antara tulisan dengan tepi 10px
margin:15px 5px 20px 0; --> Jarak kotak posting atas 15px, kanan, 5px, bawah 20px, dan kanan 0

4. Save Templates

Oke selesai pembelajaran kita, terima kasih ya dadah hehe
Posted By Dimas Abi Galoga

5 komentar:

COMPLETE - ALL in One Blog, 25 August 2010 at 21:09 | [Reply]

Kog keterangan yang "margin:15px 5px 20px 0; --> Jarak kotak posting atas 15px, kanan, 5px, bawah 20px, dan atas 0"
atas nya ada 2

Dimas Abi Galoga, 26 August 2010 at 02:59 | [Reply]

@complete oh iya bener, makasih udh di ksh tau

Eric Juanto, 3 September 2010 at 02:31 | [Reply]

kalau warnanya diganti dengan gambar bagamn...?

reza heryawan, 23 November 2010 at 02:41 | [Reply]

makasih kk informasi nya work 100 %

Dimas Abi Galoga, 23 November 2010 at 03:56 | [Reply]

@Eric Juanto tinggal ganti background:url(alamat gambar);
@reza heryawan selamat gan

Post a Comment

Kotak Komentar Klasik Klik Di sini

Subscribe to: Post Comments (Atom)
« Prev Next » Home