Cara Membuat Postingan Dua Kolom Di Blogger/Blogspot

Sempat berniat menunda posting hingga esok hari, tapi namanya semangat blogger dan semangat berbagi yang sedang menggebu membuat saya tidak bisa tidur dengan tenang. Memang, sebaiknya saya posting sebelum tidur dan saya harap saat saya bangun ada banyak senyum di komentar karena membaca artikel berikut ini dan mendapatkan manfaat. Jadi langsung saja silahkan ikuti tutorial berikut ini.....

Banyak hal yang terpikirkan untuk mempercantik postingan. Jika sebelumnya telah pernah dibahas tentang membuat Drop Cap (Baca: Buat Drop Cap di Blog), yakni huruf pertama artikel Anda besar seperti di surat kabar atau majalah, kini Anda bisa mempercantik lagi dengan gaya postingan berkolom. Untuk membuatnya Anda bisa gunakan cara pembuatan table. Untuk contohnya saya ambilkan saja dari catatan saya di facebook.
Sudah biasa, ketika kita ingin menemui hal-hal yang sangat berbeda dari sebelumnya membuat kita bimbang... Sudah biasa, jika akhirnya kita dihadapkan pada dua pilihan sulit dan membuat kita menyalahakn diri sendiri...
Sudah biasa, jika orang memberikan dukungan, namun tidak seperti yang kita harapkan... Sudah biasa, jika semuanya itu.. kebimbangan dan pilihan yang sulit membuat semuanya jadi serba salah... Sudah biasa, jika akhirnya emosi kita yang berbicara dalam keadaan seperti itu ketimbang sebuah kesabaran... Sudah biasa, sebuah pertanyaan yang sama sekali tidak kita inginkan tiba-tiba muncul di esok kita...
Sudah biasa, jika kita merasa jengkel karena kita tidak ingin menjawab sementara mereka melihat itu begitu antusias...
Sudah biasa, kita malu dengan hal baru yang berbeda dari teman-teman kita...
Sudah biasa, ada kata maaf tanpa ada maaf...
Sudah biasa, orang yang kita sayangi berubah jauh dari yang kita duga...
Sudah biasa, orang yang kita harap datangkan kebahagiaan justru memberikan kekecewaan...
Yang paling penting, kita harus tahu bukan kita yang terburuk yang mengalami itu semua sendiri. Ada sejuta masalah serupa pada sejuta orang berbeda... Kita hadapi dengan santai dan ikhlas, namun jangan benar-benar mengabaikannya.... Dulu, akupun bingung ketika ditanya soal kuliah dan pandangan kerja... Dulu, akupun bingung ketika aku harus memasuki dunia Pesantren yang sebelumnya tak kulirik.. Dulu, akupun kecewa ketika harus merelakan gemerlap dunia yang selama ini membahagiakanku...

Namun, aku hanya bisa yakin, aku tak bisa memilih keduanya untuk hasil yang terbaik... Ada yang lebih baik diantara pilihan... Dan sejak aku mantapkan dalam hati "Aku akan nyantri...", maka semua hal panjang yang aku urai di atas hanyalah bumbu cerita yang tak mampu menggoyahkan aku lagi.......
Semoga selanjutnya berkah..
Nah, bagi Anda yang ingin membuat seperti itu sangatlah mudah. Silahkan buat postingan baru dan gunakan kode berikut ini di mode pengeposan Edit HTML.

<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="300">
artikel di bagian kiri</td><td align="justify" valign="top" width="300">artikel di bagian kanan</td> </tr>
</tbody></table>

Keterangan:
cellpadding: atur jarak antara tepi kolom dengan tulisan
cellspacing: atur jarak antara dua kolom
width: ada dua  width, pada kode di atas sama sama menggunakan angka 300. Jika ingin berbeda silahkan ganti saja.
align: perataan teks (justify untuk rata kanan kiri, left untuk rata kiri, right untuk rata kanan dan center untuk rata tengah)
valign: perataan verikal (top untuk rata atas, bottom untuk rata bawah dan middle untuk rata tengah)

Selamat mencoba, semoga mempercantik postingan Anda dn semoga bermanfaat....

Komentar

  1. Keren juga nich.. patut d coba.. makasih tutor-nya mas doy.. moga2 pertamaxxx

    BalasHapus
  2. Woww.. boleh juga nihhh .. recomended buat Citizen Journalism blog :) tapi , agak pusing bacanya :)

    BalasHapus
  3. kakve dan ahmad
    kalau lebarmu memungkinkan pasti enak dan untuk cerita atau report pastio enak, kara contohnya ini puisi dan blog ku sangat sempit maka jadi terlihat kurang enak :D

    juga jgn terlalu panjang ke bawah

    BalasHapus
  4. hehe....ternyata pake tabel yah??ane kira ada pengaturan laennya...dulu dah pernah liyat..tp lupa neh....

    BalasHapus
  5. Males kalo tiap mau posting harus pake tabel heheeh..

    BalasHapus
  6. Oh jadi cuman perlu menambahkan table mas doy, kemarin kirain mesti edit template, wah bolehlah untuk hiasan tambahan yang mungkin diperlukan sewaktu waktu, tak simpan saja di Format

    BalasHapus
  7. Aku lebih simple mas, gak perlu nulis kode..ehehe..tinggal copas, jadi.. ixixixi..

    BalasHapus
  8. untuk beberapa postingan bisa juga digunakan nih...

    BalasHapus
  9. Info yang bermanfaat mas. Sangat bagus. Kemarin malam saya sempat kemari, karena di RSS reader saya ada postingan ini. eh.. ketemu ama mister page not found. Ternyata mas Doyok menundanya toh. he.. Thanks ya mas.

    BalasHapus
  10. mantap, jadi kayak berita di koran2 donk...

    BalasHapus
  11. klo page postingannya lebar, pasti jadi oke banget nih tampilan postingan 2 kolom kayak gini..

    BalasHapus
  12. Ada hal 2 br yg mas doy jelaskan yg tak prnh kutahu.Ilmu yg anda sebarkan bagai air teko yg mengisi gelas2 kosong. Trus berkarya untuk anak bgs,biar kita jd tak trtggl dgn bgsa lain yg lbh mj. Sorry mlenceng dr topik. Mg sukses.

    BalasHapus
  13. Wah kerennn nih mas... mantapp.. n'tar kalo perlu tak datang lage...

    BalasHapus
  14. kreatif ...tapi kode nya taruh di mana ya mas?

    BalasHapus
  15. wah manteb nih artikelnya, tapi klo menurut saya dengan menggunakan text column css3 akan lebih mudah y mas contoh dari text kolomnya bisa di lihat http://oketrik.blogspot.com/2010/05/mengenal-text-column.html mas doyok kalau berkenan :D

    BalasHapus
  16. manntap, bisa lebih cantik nih postingan dengan cara ini.
    salam jumpa kembali shobat

    BalasHapus
  17. terima kasih untuk infonya
    <Contact person>
    Ageng AL
    Kampus [ Univ. Andalas ]
    Fakultas - Fakultas Teknik -
    Jurusan <Teknik Elektro>

    BalasHapus
  18. Mantab .... ane coba di blog gua....

    BalasHapus
  19. mas .......mantab blognya mas, saya uda letak ink mas di web saya... mas gitu juga ya :D makasi

    BalasHapus
  20. Tararengkyu Infonya..
    Bantu Kritik Dan Saran Dunk Buat Blog Kami.. www.pos-iklanku.co.cc Maklum Msh Newbie.. :D
    Sukses Selalu Mas Doyok..

    BalasHapus
  21. Artikel yang sangat membantu bagi para pemula nih!!

    BalasHapus
  22. nah ini yang saya cari terima kasih mas

    BalasHapus
  23. Nice sharing bro... langsung ke TKP

    BalasHapus
  24. Makasih banyak mas,,nambah ilmu lagi nih jadinya....

    BalasHapus
  25. @mustar
    saya mau izin share yah??

    BalasHapus
  26. ok thnks info a

    mo tnya ne

    lw bikin laman pada blog yang jika kursor didekatkan muncul beberapa rincian yang bisa dilpilih

    gmn ya

    BalasHapus

Posting Komentar

Postingan Populer