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.

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya