Cara Membuat Tabel Pada Blogger

              Sebenarnya ini bukanlah tips baru. Karena sudah ada pada zaman dahulu kala . Tetapi karena cukup berguna dan sekaligus untuk melengkapi tips di blog ini. Jadi saya posting disini. Saya yakin anda semua pasti sdh tahu apa itu tabel. Jadi saya tidak akan menjelaskan definisnya lagi. Yang akan saya jelaskan disini adalah bagaimana cara membuat tabel pada blog.

Tabel ini sangat berguna untuk membuat laporan seperti laporan keuangan, laporan transaksi, laporan stock ataupun daftar barang. Jadi jika anda ingin membuat sebuah laporan untuk diposting pada blog anda. Maka anda tidak perlu lagi untuk membuatnya diprogram office terlebih dahulu. Tetapi anda bisa langsung membuatnya di blog anda.
Pingin tahu caranya? Silahkan ikuti tutorial berikut ini.

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 menjadi 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/AVvXsEj-SAVJmYK7_mMGOJO89VW3BwQk2jOb65LjWFzkekshoxXbG-8_7Em-P3hjcYI-OXNmyu_rOOP1b0DTYpYEZjx72x5A9UAnVAE0GjvI7wk9N1YbqEYm-61qgjkSg9HZ2TTBr5PF7aX07weQ/" /></td> <td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVKmOuiRgLyCtVS93gPmSvGuu9jKp60kAMzZt0ZIi4Q6jkQhTuwUwrkwdJrqyDtMkcZ6Ltw7w5HBxSHYo2RCTCvIzTd43ZA8ch54PD7eMSMJKDHMuz-gX1o1aHSTYuJhO62y6deWnqgi7/" /></td>
</tr>
</table>

Maka hasilnya seperti ini:

Gambar 1

Gambar 2

clip_image001

clip_image002


Ok saya rasa itu saja tutorialnya. Selamat mencoba...
Jika masih ada yang kurang jelas silahkan ditanyakan melalui kotak kome….

Comments :

2 komentar to “Cara Membuat Tabel Pada Blogger”
Admin EL_SouL PC mengatakan...
on 

akan saya coba nanti.....jikalau butuh....... thx sob.........

mas.0n0 mengatakan...
on 

makaih infonya, langsung dicoba

Posting Komentar