Kamis, 15 April 2010

Masalah Tabel pada Postingan

Setelah pembahasan dasar-dasar CSS bagian 3, kita sejenak beralih ke artikel ringan. Biasanya, jika kita memosting tabel pada postingan, biasanya akan melorot. Misalnya, ditulis kode berikut:
<table border="2" width="350">
<tr>
<td align="center">
Isi tabel
</td>
</tr>
</table>
Masalah yang timbul ialah, tabel tersebut akan melorot seperti gambar dibawah ini.
Itu karena, setiap penekanan tombol Enter akan dijadikan baris baru. Meskipun anda menulisnya pada mode Edit HTML, tetap akan dihitung sebagai baris baru.

Maksudnya??? Kan pada kode HTML biasa, maka kita harus memasukkan kode <br/>. Nah, pada postingan Blogger, setiap penekanan tombol Enter, akan dianggap sebagai baris baru. Hemat kata, menekan tombol Enter sama saja dengan memasukkan kode <br/>. Mengerti? Semoga saja anda mengerti.

Nah, anda bisa membuatnya tidak melorot dengan beberapa trik.

1. Anda bisa menuliskannya secara berderet, atau dengan kata lain tidak ada penggantian baris. Misalnya ingin menulis kode berikut.
<table border="2" width="350">
<tr>
<td align="center">
Isi tabel
</td>
</tr>
</table>
Nah, kita menulisnya secara berderet, sehingga seperti ini.
<table border="2" width="350"><tr><td align="center">Isi tabel</td></tr></table>
2. Dengan menyetting editor teks. Anda bisa mengatur editor teks agar tidak mengganggap penekanan tombol Enter sebagai penggantian baris. Caranya, buat postingan baru, lalu klik Post Options dibawah editor teks. Lalu pada bagian
Edit Pemutus Baris HTML, aktifkan radio button pada bagian Gunakan tag <br />.
Konsekuensinya, apabila ingin mengganti baris, maka anda harus mengetikkan kode <br/>. Tentunya di mode Edit HTML. Lalu postinglah seperti biasa. Semoga bermanfaat.

28 komentar:

  1. infonya, menarik sob, maklum masih, blajar, thanks infonya.

    BalasHapus
  2. bener banget sob,,,aku juga sering mengalami hal ini.
    tapi aku lebih nyaman pake enter unutk posting,,,,

    makasih !!!!

    BalasHapus
  3. boleh nih diplajari karena sya juga sering pake table.. :)

    BalasHapus
  4. mksh tutornya kebetulan saya perlu membuat postingan dengan tabel

    BalasHapus
  5. Ehm... bermanfaat seali sob... jangn lupa visit balik ya?

    BalasHapus
  6. Ooooo, begitu ya.... hehehehe.. baru ngerti

    BalasHapus
  7. hm...
    bingung nih mau komen apa...

    BalasHapus
  8. wah, keren neeh. Bisa di praktekan. Makasih tutorialnya sob...

    BalasHapus
  9. wuiih Matematika, takutttt hehhe

    BalasHapus
  10. Punya aku kok masih melorot ya mas, padahal udah diubah seperti cara di atas. Ada saran gak?

    BalasHapus
  11. Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

    BalasHapus
  12. Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

    BalasHapus
  13. Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses

    BalasHapus
  14. Terima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses

    BalasHapus
  15. Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

    BalasHapus
  16. saya akan mencoba tipsnya yang sangat bermanfaat sekali

    BalasHapus
  17. Tulisan dan Tipsnya sangat bermanfaat dan Infomatif. wajib dicoba. sukses selalu.

    BalasHapus
  18. Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

    BalasHapus
  19. Saya menemukan Artikel hebat di wibesite ini jadi ingin coba Tipsnya. Semoga berhasil

    BalasHapus
  20. Artikel Menarik terutama Infonya, boleh dicoba. Salam sukses

    BalasHapus
  21. Saya senang setelah membaca Tips dan Artikelnya, harus dicoba.Semoga berhasil

    BalasHapus
  22. Info dan Tulisannya Amazing, boeh dicoba. Sukses selalu

    BalasHapus
  23. Tipsnya sangat Infomatif, wajib dicoba salam sukses

    BalasHapus
  24. Terimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses

    BalasHapus
  25. Terimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil

    BalasHapus

Apa pandapat anda terhadap artikel ini? Berkomentarlah tanpa rasa malu, ragu dan takut.

Komentar diluar tanggung jawab pemilik blog. Jika anda berkomentar yang berbau pornografi atau sara, maka itu risiko anda sendiri.

Jika anda mengirimkan komentar spam, maka akan saya hapus.

Jika anda tidak ingin komentar anda ditampilkan, silakan kirimkan e-mail di halaman email me.

Jika anda ingin berceloteh bebas, silakan tuju halaman ini.

Anda dapat menggunakan beberapa tag HTML seperti <b>, <i>, <u>, <a>, <strike>, <sub>, <sup>, dan lain-lain. Anda juga dapat menggunakan emoticon Plurk seperti (lmao) (taser) (haha).

Untuk link exchange bisa dilakukan dihalaman ini, sedangkan banner exchange dihalaman ini. Permintaan link exchange dan banner exchange selain dihalaman tersebut tidak akan dilayani.