Cara Membagi Postingan Menjadi Dua Kolom

Tips blog kali ini membahas bagaimana cara membuat kolom diblog (membagi halaman posting menjadi dua kolom). Anda dapat membagi halaman posting menjadi dua sisi kolom yang berdampingan. Ini sedikit sulit karena memerlukan HTML coding di setiap posting yang akan dijadikan kolom.

Ikuti langkah-langkah berikut:
1. Pergi ke Desain -> Designer Template -> Advanced -> Tambah CSS -> Masukan kode di bawah:

.post-column-left {
float: left;
width: 45%;
}
.post-column-right {
margin-top: -5px;
float: right;
width: 45%;
}

2.Sekarang Anda hanya perlu menambahkan beberapa baris HTML ke dalam postingan yang ingin dibagi. Saat menulis artikel pastikan Anda berada dalam mode Edit HTML apabila ingin menerapkannya.

<div class="post-column-left">
<--Artikel sebelah kiri dari postingan-->
</div>
<div class="post-column-right">
<--Artikel sebelah kanan dari postingan-->
</div>

3. Teks berwarna Biru adalah posisi artikel yang diinginkan.

Di dalam Post Editor Anda tidak akan melihat perubahan apapun, tetapi sekali Anda melihat konten pada blog, maka artikel akan muncul berdampingan.

Sekian artikel berjudul Cara Membagi Postingan Menjadi Dua Kolom, Semoga bermanfaat. URL artikel: http://javablogtrik.blogspot.com/2012/03/membuat-kolom-di-blog.html

Artikel Terkait: