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.
Cara Membagi 2 Kolom pada Postingan Cara Membagi 2 Kolom pada Postingan Reviewed by Admin on 9:39 PM Rating: 5

19 comments:

  1. mantab bang tutorialnya...mirip kolom koran ms word ya :)

    ReplyDelete
  2. nice inpormation sob wkkwkw jalan jalan pagi, sob

    ReplyDelete
  3. kalau masang kode CSS ini...postingan yg terdahulu..ikutan berubah ya mas :)

    ReplyDelete
    Replies
    1. Nggak, ini buat postingan tertentu gan. Soalnya nggak diterapin di template

      Delete
  4. Ini dia yang saya cari, makasih yaa gan :)

    ReplyDelete
  5. Replies
    1. Dicoba dulu aja mas, insyaallah setelah nyoba pasti tahu maksud saya :)

      Delete
  6. .. kalo cara bikin postingan kayak flowchart gitu gimana y caranya?!? ..

    ReplyDelete
  7. Tutorialnya sangat bermanfaat, ini bisa bikin tampilan blog semakin indah. Terutama buat blog yang punya space cukup lebar untuk bagian kontennya, misalnya blog dengan gaya tanpa sidebar. BTW keep creative brow :)

    ReplyDelete
  8. oke bnget niihh tutornya,,makash bnyak infonya gan..

    ReplyDelete
  9. mantap nih template bagus,,
    tutorial nya juga bagus

    ReplyDelete

Powered by Blogger.