Cara Membuat/Menyisipkan Tabel Pada Blogger

Saturday, June 20, 2009 22:21
Posted in category 2.Tutorial 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:

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:

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


You can leave a response, or trackback from your own site.

5 Responses to “Cara Membuat/Menyisipkan Tabel Pada Blogger”

  1. Menambahkan Gambar pada Posting Blogspot | Max_987 Labs says:

    July 3rd, 2009 at 12:22 AM

    […] Cara Membuat/Menyisipkan Tabel Pada Blogger […]

  2. roolfnili says:

    May 16th, 2010 at 10:44 PM

    Just want to say what a great blog you got here!
    I’ve been around for quite a lot of time, but finally decided to show my appreciation of your work!

    Thumbs up, and keep it going!

    Cheers
    Christian, iwspo.net

  3. Indra Saputra Ahmadi says:

    May 23rd, 2010 at 2:40 PM

    makasih bro infonya!

  4. master says:

    June 14th, 2010 at 1:45 PM

    m.ko sulit jew tolng penjelasan yang rinci om

  5. master says:

    June 14th, 2010 at 1:46 PM

    kwkwkwkwk slit om, tapi w coba dlu yawww

Leave a Reply

You must be logged in to post a comment.