Cara Membuat Beberapa Model Tabel, Kolom, Kotak Di Postingan Blog


Cara Membuat Beberapa Model Tabel, Kolom, Kotak Di Postingan Blog



Cara Membuat tabel atau kotak di blog atau di artikel postingan,Membuat tabel di blog atau membuat kolom di blog dengan cara mudah,namun hasilnya bagus.Silahkan buat tulisan anda di notepad terlebihdahulu,lalu anda bisa memilih kode-kode dibawah ini untuk diterapkan ke dalam postingan anda.
-Jika sudah silahkan ke enti postingan sobat
-Masuk ke sricpt HTML disebelah Compose
-Silahkan paste kode scipt yang telah anda modifikasi di notepad anda

Berikut ini contoh tabel/ kolom pada postingan blog:

 Cara Membuat Tabel, Kolom, Kotak Di Postingan Blog


-Tabel dengan 1 Kolom

<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Hasilnya</td>
</tr>
</table>


Hasilnya

-Tabel dengan 1 Baris dan 1 Kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Baris</td>
<td>Kolom</td>
</tr>
Baris Kolom

-Tabel dengan 2 Baris dan 2 Kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Baris 1</td>
<td>Kolom 1</td>
</tr>
<tr>
<td>Baris 2</td>
<td>Kolom 2</td>
</tr>
</table>
Baris 1 Kolom 1
Baris 2 Kolom 2

-Tabel dengan 4 Baris dan 4 Kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Baris 1</td>
<td>Baris 2</td>
</tr>
<tr>
<td>Baris 3</td>
<td>Baris 4</td>
</tr>
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
</tr>
<tr>
<td>Kolom 3</td>
<td>Kolom 4</td>
 </tr>
</table>


Baris 1 Baris 2
Baris 3 Baris 4
Kolom 1 Kolom 2
Kolom 3 Kolom 4

Tabel dengan 2 Baris dan 2 Kolom dengan TEXT di tengah kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<td align="center">Baris 1 - Kolom 1</td>
<td align="center">Baris 1 - Kolom 2</td>
</tr>
<tr bgcolor="#3496E1">
<td align="center">Baris 2 - Kolom 1</td>
<td align="center">Baris 2 - Kolom 2</td>
</tr>
</table>


Baris 1 - Kolom 1 Baris 1 - Kolom 2
Baris 2 - Kolom 1 Baris 2 - Kolom 2

Tabel dengan 3 Kolom dan 4 Baris
<table border="1" width="620"> <tr bg#3366ff">#E0F8E0"> <td align="center"> <b>Tes</b></td><td align="Angka"><b>Keterangan</b></td><td align="center"><b>Hobby</b></td> </tr><tr><td align="center">B</td><td align="center">6</td><td align="left">Beginikey</td></tr> <tr><td align="center">B</td><td align="center">25</td><td align="left">Beginikey</td></tr> <tr><td align="center">B</td><td align="center">25</td><td align="left">Beginikey</td></tr> <tr><td align="center">B</td><td align="center">25</td><td align="left">Beginikey</td></tr> </table>


Tes
KeteranganHobby
B25Beginikey
B25Beginikey
B25Beginikey
B25Beginikey

#Mudah bukan untuk selebihnya silahkan dikreasikan sendiri ,,,

0 Response to " Cara Membuat Beberapa Model Tabel, Kolom, Kotak Di Postingan Blog"

Post a Comment