Cara Membuat/Menyisipkan Tabel Pada Blogger

Cara Membuat/Menyisipkan Tabel Pada Blogger

Bagi Anda pengguna Ms Office, baik itu excel ataupun MS Word maka untuk membuat table sudah sangat mudah. Berikut ini kita coba belajar membuat table sederhana di postingan dan element blog…

Kita coba buat table sederhana sebagai contoh penggunaan table dalam postingan blog. Untuk membuat dan menggunakan table di dalam postingan blog ataupun element html sidebar blog, kita memerlukan kode-kode html untuk table.

Tahap² nya :

1. Untuk membuat tabel 1×2 (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:

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:

Membuat tabel 2×2 (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=“http://smileyworld.com/greetings/images/greet_friend_smiley.jpg” />

</td>

<td><img src=”https://store.handango.com/ampp/store/include/pictures/846021/smiley_thumb_50197447.gif” /></td>
</tr>
</table>

Maka hasilnya seperti ini:

Gambar 1	Gambar 2

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

Tutorial Selanjutnya…

Penjelasan Fungsi Settings Blogger