Translate

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
d' Best Translator

Kamis, 03 Juni 2010

Cara Membuat Tabel Pada Blogger

Sebenarnya ini bukanlah tips baru. Karena sudah ada pada zaman dahulu kala jelir. 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 .
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="http://lh4.ggpht.com/_15FopxVONSo/Sgk6_WoVCEI/AAAAAAAACuA/YGSg8tmR8W4/emoticyon.jpg" /></td> <td><img src="http://lh5.ggpht.com/_15FopxVONSo/Sgk6_c1q4RI/AAAAAAAACt8/5y_FNgWouF4/11678716712iT.jpg" /></td>

</tr>

</table>

Maka hasilnya seperti ini:

Gambar 1 Gambar 2

Ok saya rasa itu saja tutorialnya. Selamat mencoba...

Source: http://hermanblogtips.blogspot.com/2009/05/cara-membuat-tabel-pada-blogger.html

0 komentar:

Posting Komentar