Area postingan menjadi 2 (dua) colomn di homepage blogger - by s2c3rr

Banyak sekali cara untuk mendesign template blogger agar penampilan template enak dipandang mata dan tidak membuat pengunjung blog kebingungan karen tampilan template yang acak-acakkan.Untuk mendesign tampilan template salah satunya yaitu membagi area postingan menjadi 2 (dua) colomn di homepage atau halaman depan blogger saja.

Bagaimana caranya...?
Yuk kita sama-sama simak langkah-langkahnya di bawah ini.

1. Login Blogger terlebih dahulu
2. Di dasbor sobat pilih Menu Design/Rancangan >> Edit HTML.
3. Jangan lupa Expand template widget.
4. Cari kode ]]></b:skin>.
5. Letakkan kode di bawah ini setelah kode No.4

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<style>

.post {width:285px;height:400px;margin-right:5px;overflow:hidden;float:right; background:#F2F2F2border:3px double #808080;}

</style>

</b:if>

6. Kemudian caro kode CSS .Post { contoh kode cssnya

.post{margin:0.5em 0.5em; padding-bottom:0.5em}

7. Jika sudah ketemu, coba perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margin tersebut hingga menjadi seperti di bawah ini.

.post{margin:0.5em auto 0.5em; padding-bottom:0.5em}

8. Simpan Template.

Semoga bermanfaat artikel tentang cara membuat Area postingan menjadi 2 (dua) colomn di homepage blogger.
Selamat mencoba..

Share this: