Cara Membagi 2 Kolom pada Postingan
Kemarin, saya sudah memposting tutorial Blogger, tentang bagaimana cara merubah tampilan scrollbar blog untuk browser Google Chrome. Sekarang lanjut pada tutorial berikutnya tentang bagaimana cara membagi posting menjadi 2 kolom. Maksud 2 kolom disini bukan pada homepage, melainkan pada tulisan (artikel ) yang kurang lebih tampilannya seperti gambar dibawah ini.
Tampilan ini, sering saya temukan pada blog bergaya blogazine dan style ini layaknya seperti koran yang ada dalam sebuah blog. Untuk menerapkan style 2 kolom pada postingan blog, silahkan mengikuti tutorial dibawah ini.
Cara merubah postingan blog menjadi 2 kolom :
1. Pertama, silahkan login ke akun Blogger
2. Kemudian buat sebuah postingan > edit menjadi menu HTML
3. Letakkan kode dibawah ini ke dalam kotak postingan
<table cellpadding="5" cellspacing="30"><tbody>
<tr> <td align="left" valign="top" width="250">Isi tulisan di bagian kiri</td><td align="left" valign="top" width="250">Isi tulisan di bagian kanan</td> </tr>
</tbody></table>
Kustomisasi :
- Cellpadding: jarak antara tepi kolom dengan tulisan
- Cellspacing: jarak antara dua kolom postingan (bagian kanan & kiri)
- Width: lebar kolom postingan (bagian kanan maupun bagian kiri, bisa diedit sesuai keinginan)
- Align: mode rata teks (bisa mengganti dengan rata kanan [right], rata kiri [left] atau rata kanan kiri [justify])
- Valign: mode rata teks vertikal (bisa mengganti dengan rata atas[top], rata bawah [bottom] dan rata tengah[middle])
4. Klik pratinjau, apabila tidak menemui masalah (sesuai dengan yang Anda harapkan) bisa di publikasikan.
Akhir kata, selamat mencoba dan semoga berhasil.
sumber : http://www.mas-adhie.web.id
|
