Tutorial blog kali ini akan saya bahas mengenai cara membagi elemen postingan menjadi dua kolom yaitu kolom posting kiri dan kolom posting kanan. Tempat biasa anda memposting artikel biasanya hanya satu kolom, oleh karena itu kita akan membuat variasi kolom postingan membelah menjadi dua kolom. Mungkin dengan tampilan 2 kolom elemen postingan blog ini akan lebih menarik dan tidak membosankan. Kolom postingan yang akan dibagi dua ini nantinya dapat diatur lebarnya dan jarak antar kolom posting, jadi disesuiakan saja dengan lebar kolom posting blog anda dan untuk memasukkan kodenya harus mode HTML. Contoh gambar postingan yang terbagi 2 kolom seperti dibawah ini.
Cara Membagi Dua Kolom Elemen Posting Blog
Seperti biasa anda menulis artikel tapi didepan tulisan letakkan kode dibawah ini pada mode HTML (bukan Compose)
<table cellpadding="10" cellspacing="10">
<tbody>
<tr>
<td align="justify" valign="top" width="250">Letak Postingan Sebelah Kiri</td>
<td align="justify" valign="top" width="250">Letak Postingan Sebelah Kanan</td>
</tr>
</tbody></table>
Keterangan :
1. Cellpadding = jarak tepi kolom dengan tulisan, silahkan diganti
2. Cellspacing = jarak antara dua kolom posting, silahkan diganti
3. Width 250 = lebar kolom posting, silahkan diganti
Demikianlah pembahasan mengenai Membagi Elemen Posting Blog Menjadi Dua Kolom, semoga bermanfaat.
Related Posts
tutorial blog
- How to Use Pokespy
- Cara Membuat Link Download dari MediaFire
- Menambah Elemen Sidebar Sebelah Kiri di Blogspot
- Cara Mendaftar Blog ke Dmoz
- Begini Cara Daftar Blog di Technorati
- Cara Claim Token Di Technorati
- Menyembunyikan Titel Blog Untuk Diganti Logo Di Header
- Membuat Header dan Menu Navigasi Tidak Bergerak (Tetap Diatas)
- Membuat Ruang Posting Blog Menjadi 2 Kolom Di Homepage
- Static Pages Blogger Bermasalah? Solusinya Begini
- Memasang Widget Cek No Resi JNE, TIKI, Pos Indonesia
- Cara Mengganti Template Baru di Blogspot
- Membuat Efek Marquee di Blogspot
- Cara Membuat Tabel dan Thumbnail di Postingan Blog
- Cara Membuat Artikel Terbaru Dengan Thumbnail di Blogspot
- Membuat Related Posts Dengan Thumbnail di Bawah Postingan
- Cara Mengganti Warna Link di Blogspot
- Cara Memberi Tombol Scroll di Kotak Komentar Blog
- Cara Membuat Related Posts Super Cepat
- Cara Pasang Tombol Spoiler di Komentar Blogspot Versi 2
- Cara Memasang Google Translate di Blog
- Cara Membuat Blockquote di Postingan Blog
- Inilah Widget Random Post Fast Loading Plus Thumbnail
- Merubah Tampilan Blog Yang Berbeda Pada Homepage dan Halaman Posting
