Sebenarnya ini bukan tips yang baru. untuk membuat tabel pada blogger ternyata cukup sederhana, setelah tanya-tanya ke mbah gugel akhirnya ketemu juga jawabannya dari teman-teman bloger Indonesia. Saya postingkan tips ini cukup untuk saya sendiri yang masih mau belajar.... bagi yang ke sasar ke blog ini silahkan mengambil manfaatnya.
Secara singkat berikut tata cara membuat tabel:
1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:
<table border="1">
<tr>
<td></td> <td></td>
</tr>
</table>
Keterangan:
<table> merupakan perintah untuk membuat tabel
<tr> merupakan perintah untuk membuat baris
<td> merupakan perintah untuk membuat kolom
border merupakan perintah untuk mengatur ketebalan garis pinggir. Silahkan ganti nilainya sesuai keinginan
Sebagai contoh jika anda memasukkan kode seperti ini:
<table border="1">
<tr>
<td>Konten 1</td> <td>Konten 2</td>
</tr>
</table>
Maka hasilnya akan seperti ini:
Konten 1 | Konten 2 |
Catatan:
Tulisan yang dicetak tebal pada kode diatas merupakan isi dari tabel. Anda bisa menggantinya dengan teks, link, atau gambar.
Jika anda ingin menambah baris baru maka tambahkan kode yang dicetak merah diatas </table>. Contohnya:
2. Membuat tabel 2x2 (2 baris 2 kolom) dengan konten teks dan gambar
<table border="1">
<tr>
<td>Gambar 1</td> <td>Gambar 2</td>
</tr>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV1tr6B3RbWKibt7Gb4NHD1kLpeNhQV3cX2Nm3ZedOiy9mW64ZVUD3JtWEi_qCOAJZ_f3OxOmrgwsWE7H7nBL74KRkGDZML1-2cSMYsiFyYG0xYI7SQ-ryyoom4Q69Nb_6EzsVr9vsFtum/" /></td> <td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheE4GT926hxqCUBMghG1EfgYYSlg8TAYgaUKht2sRT8wyZ_4AawQl6Ri-yuCRKtY5F2xNJQ-hyiDeTyYJyZzSxRBqXPxawhRqixgeu4Y2WZSOiXTp0YEUCIA1AafGIpJMYab6FPuTUaLBx/" /></td>
</tr>
</table>;
Maka hasilnya seperti ini:
Gambar 1 | Gambar 2 |
Yang terakhir, ada juga cara yang paling mudah, yakni anda hanya mengkopikan data yang berformat tabel baik dari microsoft words maupun di excel. klik di sini.
Oke saya rasa cukup sekian, tutorial ini bisa dikembangkan sesuai dengan kreatifitas kita. .::Related Posts:
3 comments:
Terima kasih banyak sob, tutorial ini sangat membantu saya dalam membuat gambar-gambar berjajar horizontal pada posting dengan sangat rapi... lihat laman saya: http://lokalin.blogspot.com/2011/01/random-screenshots-misi-misi-gta-san.html
@lokalin.blogspot.com
yup sama-sama sobat
Kalo mau buat kolom di samping gambar gimana ya?
Post a Comment
Silahkan tulis komentar sebagai umpan balik dari artikel ini. Tidak diperkenankan untuk komentar yang berunsur spamming, porno, dll.