Cara Membuat Tabel di Blogger
Membuat tabel di komputer adalah hal yang sangat mudah karena sudah tersedia banyak program pembuat tabel di komputer seperti excel, calc, dan lain-lain. Lalu bagaimana untuk membuat tabel di blog khususnya blogspot? Meskipun Blogger.com tidak menyediakan fasilitas untuk membuat tabel tapi kita dapat membuat sendiri dengan menambahkan tag table dalam blog.
Untuk lebih jelasnya. Silahkan ikuti petunjuk dibawah ini:
1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:
<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.
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 berwarna merah diatas </table>. Contoh:
2. Membuat tabel 2x2 (2 baris 2 kolom) dengan konten teks dan gambar
Maka hasilnya seperti ini:
Ok saya rasa itu saja tutorialnya. Selamat mencoba...
Untuk lebih jelasnya. Silahkan ikuti petunjuk dibawah ini:
1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:
<table border="1">Keterangan:
<tr>
<td></td> <td></td>
</tr>
</table>
<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">Maka hasilnya akan menjadi seperti ini:
<tr>
<td>Konten 1</td> <td>Konten 2</td>
</tr>
</table>
Catatan:
Konten 1 Konten 2
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 berwarna merah diatas </table>. Contoh:
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/AVvXsEhD-iJ4zCFxYernERyoHBp-hMr4-4C4P6M33_JbtidAZHrB2WaLoi9icseiMOC9eI9_a06V5lv4tPZ8RQgy5La_flmdVU7eC_Iciq1mcJWbPCbIbfSIjrigk8rDr0_xhhgxv5s54a0G9NNz/" /></td> <td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_kXWi7MqZXaZW8a3in6qrTH5XkvNPZhhYIYiljiHMHwKq_i9IAu27dEnYp0qUamN_mjcrtqFvq7xvtsIYioHHTXJbkcclLiS2AAV1AnV-X03iNLl6c6ucVXAecTnL0EU4l3QtPFNe43J-/" /></td>
</tr>
</table>
Maka hasilnya seperti ini:
Gambar 1 Gambar 2
Ok saya rasa itu saja tutorialnya. Selamat mencoba...
0 komentar:
Post a Comment