ECHO 17 - Dalam menulis sebuah artikel yang akan dipublikasikan terkadang kita membutuhkan tabel untuk menampilkan data dalam bentuk baris dan kolom. Halaman editor blogger untuk pengetikan artikel pada mode Compose, belum memiliki fasilitas untuk membuat tabel seperti pada lembar kerja Microsoft Excel atau Microsoft Word, maka untuk memasukkan tabel pada artikel di blogger kita harus menulisnya dalam bentuk kode HTML.
ECHO 17 : Tabel pada Postingan |
Berikut contoh kode HTML untuk memasukkan tabel ke dalam postingan menggunakan bahasa HTML :
<table width="400" border="1">
<tr>
<td>Baris 1 Kolom 1 </td>
<td>Baris 1 Kolom 2 </td>
<td>Baris 1 Kolom 3 </td>
</tr>
<tr>
<td>Baris 2 Kolom 1 </td>
<td>Baris 2 Kolom 2 </td>
<td>Baris 2 Kolom 3 </td>
</tr>
</table>
<tr>
<td>Baris 1 Kolom 1 </td>
<td>Baris 1 Kolom 2 </td>
<td>Baris 1 Kolom 3 </td>
</tr>
<tr>
<td>Baris 2 Kolom 1 </td>
<td>Baris 2 Kolom 2 </td>
<td>Baris 2 Kolom 3 </td>
</tr>
</table>
Kode yang ditulis berwarna merah width="400" adalah parameter untuk lebar tabel, anda dapat menyesuaikan dengan lebar sheet pada blog anda
Tabel akan terlihat seperti ini :
Baris 1 Kolom 1 | Baris 1 Kolom 2 | Baris 1 Kolom 3 |
Baris 2 Kolom 1 | Baris 2 Kolom 2 | Baris 2 Kolom 3 |
Tetapi pada artikel kali ini, akan dibahas bagaimana memasukan tabel ke dalam postingan dengan cara yang lebih mudah, yaitu dengan menggunakan tools yang bernama NVU, untuk itu silahkan download dulu software NVU
- Jika sudah berhasil di download install NVU ke komputer anda.
- Buka aplikasi NVU silahkan buat tabel pada halaman kerja dengan cara klik icon Tabel, lalu blok jumlah baris dan kolom yang akan dibentuk sesuai kebutuhan, klik button OK
- Tabel otomatis akan terbentuk silahkan masukkan data ke dalam kolom dan baris, anda juga dapat mengedit data di dalam tabel sesuai keinginan seperti membuat tulisan menjadi rata tepi kiri, rata ke tengah atau rata tepi kanan tulisan juga dapat dibuat menjadi tebal, garis bawah atau italic sekalian Anda bisa memasukkan image ke dalam tabel.
- Kira-kira bentuk tabelnya akan seperti ini :
Kolom 1 Baris 1 | Kolom 2 Baris 1 | Kolom 3 Baris 1 |
Kolom 1 Baris 2 | Kolom 2 Baris 2 | Kolom 3 Baris 2 |
- Jika sudah selesai, klik menu Source yang terdapat pada bagian bawah halaman editor NVU kemudian ambil atau copy kode yang diawali tag <table> sampai kode penutup </table> lalu paste pada halaman post editor di blog Anda dalam mode HTML (harus dalam mode HTML bukan pada mode Compose )
Silahkan bereksperimen, jika hasilnya memuaskan ucapkan Alhamdulillah...
Note : Jika anda memasukkan image ke
dalam tabel, masukkan dulu gambar atau image yang berasal dari komputer
lokal Anda, kemudian setelah kode tabel di paste pada halaman post editor blogger dalam mode HTML ganti URL gambar dengan URL gambar Anda yang sebenarnya (sebelumnya gambar harus disimpan pada server image hosting seperti google picasaweb atau photobhuket tergantung hosting image yang anda gunakan).
kira2 apa ada ya situs khusus yang bisa membantu kita membuat tabel html secara online ? nampaknya kalau menggunakan kode aslinya saya kirang begitu paham
ReplyDeleteHiya! I simply wish to give a huge thumbs up for the nice data you could have here on this post.
ReplyDeleteI shall be coming back to your weblog for extra soon.
my web blog; cosmetic surgery facelift photo gallery
Whats up! I just would like to give a huge thumbs up for the nice data you will have right here on this post.
ReplyDeleteI will likely be coming again to your weblog for extra soon.
Also visit my weblog ... cosmeticsurgeryfinancing.com reviews
Howdy! I simply wish to give a huge thumbs up for the nice data you’ve gotten here on this post.
ReplyDeleteI might be coming back to your weblog for extra soon.
Feel free to surf to my weblog - seoul weather forecast 14 days
Hey! I simply wish to give an enormous thumbs up for the good info you may have here on
ReplyDeletethis post. I will probably be coming back to your
weblog for more soon.
Check out my site baby cherubs wallpapers
Hi there! I just would like to give an enormous thumbs up for the nice info you have
ReplyDeletegot right here on this post. I will probably be coming again
to your blog for extra soon.
Review my weblog :: semiconductor physics and devices
Hi there! I simply wish to give a huge thumbs up for the
ReplyDeletegood info you have got right here on this post. I will probably be coming again to your blog for more soon.
My weblog: semolina wheat mill