Kotak postingan terpisah

07 Maret 2010 | komentar

Untuk pemasangan kolom yang seperti ini, sobat hanya memerlukan sedikit tambahan kode HTML saja yang nantinya akan disisipkan ke blog sobat.

Berikut langkah - langkahnya :

1.Silahkan login dahulu ke Blogger dengan ID sobat tentunya.

2.Klik Tata Letak.

3.Klik tab Edit HTML.

4.Setelah itu cari kode yang seperti ini
.post {





5.Kemudian tambahkan kode berikut ini tepat setelah kode tersebut

Padding:15px; /* Jarak text post dengan garis pinggir */

Border-top: 2px solid #000000; /* warna garis pinggir atas */

Border-bottom: 2px solid #000000; /* warna garis pinggir bawah */

Border-left: 2px solid #000000; /* warna garis pinggir kiri */

Border-right: 2px solid #000000; /* warna garis pinggir kanan */

Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */




6.Save Template.

Sekarang coba sobat lihat hasilnya, jika sobat benar meletakkan kode HTML nya Insya Allah pasti akan berhasil dan sama seperti punya saya. Tapi masih dalam bentuk kotak kaku alias lancip pada ujung - ujungnya. Nanti jika sempat akan saya tulis postingan tentang membuat garis melengkung pada sudut kolom.

Selamat mencoba !!


Share this article :

Posting Komentar

 
Support : Zack's Demirel | Joker Kielbiest | X-Tea'Cker™ on Facebook
Copyright © 2011. X-Tea'Cker™ - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger