Kamu gaptek dalam dunia IT? kamu gak punya biaya mau kuliah IT? Belajar Ngoding gratis Yuk !

Bagi kamu yang berminat untuk belajar PHP, Laravel Framework, Pemrograman Java, Android, C++, ASP.Net Silahkan bergabung bersama kami, kunjungi [Web Artisan]
Thursday 10 December 2015

Cara Mudah Membuat Tabel Pada Postingan Dengan Mudah

 Cara Mudah Membuat Tabel Pada Postingan Dengan Mudah



Cara Membuat Tabel Pada Postingan memang tidak mudah, tapi saya akan mempermudah kalian semua membuat tabel postingan Anda, saya sudah membuat tabel beberapa model dibawah ini, Anda tinggal copy saja, baiklah kita mulai saja dengan membuat tabelnya simak di bawah ini.

1. Tabel 3 Colom

NO
Table 1
1



2



3



 Code HTML nya di bawah ini:
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none;">
 <tbody>
<tr style="height: 17.9pt;">
  <td style="border: solid windowtext 1.0pt; height: 17.9pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 28.25pt;" valign="top" width="38"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b>NO</b></div>
</td>
  <td colspan="3" style="border-left: none; border: solid windowtext 1.0pt; height: 17.9pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 419.95pt;" valign="top" width="560"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b>Table 1</b></div>
</td>
 </tr>
<tr style="height: 16.75pt;">
  <td style="border-top: none; border: solid windowtext 1.0pt; height: 16.75pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 28.25pt;" valign="top" width="38"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b>1</b></div>
</td>
  <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 16.75pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 134.55pt;" valign="top" width="179"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
  <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 16.75pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 148.8pt;" valign="top" width="198"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
  <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 16.75pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 136.6pt;" valign="top" width="182"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
 </tr>
<tr style="height: 16.75pt;">
  <td style="border-top: none; border: solid windowtext 1.0pt; height: 16.75pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 28.25pt;" valign="top" width="38"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b>2</b></div>
</td>
  <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 16.75pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 134.55pt;" valign="top" width="179"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
  <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 16.75pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 148.8pt;" valign="top" width="198"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
  <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 16.75pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 136.6pt;" valign="top" width="182"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
 </tr>
<tr style="height: 17.3pt;">
  <td style="border-top: none; border: solid windowtext 1.0pt; height: 17.3pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 28.25pt;" valign="top" width="38"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<b>3</b></div>
</td>
  <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 17.3pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 134.55pt;" valign="top" width="179"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
  <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 17.3pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 148.8pt;" valign="top" width="198"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
  <td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 17.3pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 136.6pt;" valign="top" width="182"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
 </tr>
</table>

 2. Tabel 4 Colom

NO
Tabel 2
1




2




3




4




Code HTML nya di bawah.
<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0
 style='border-collapse:collapse;border:none'>
 <tr style='height:14.6pt'>
  <td width=38 valign=top style='width:28.25pt;border:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:14.6pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b>NO</b></p>
  </td>
  <td width=563 colspan=4 valign=top style='width:422.55pt;border:solid windowtext 1.0pt;
  border-left:none;padding:0cm 5.4pt 0cm 5.4pt;height:14.6pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b>Tabel 2</b></p>
  </td>
 </tr>
 <tr>
  <td width=38 valign=top style='width:28.25pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b>1</b></p>
  </td>
  <td width=132 valign=top style='width:99.1pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=151 valign=top style='width:4.0cm;border-top:none;border-left:none;
  border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=142 valign=top style='width:106.3pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=138 valign=top style='width:103.75pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
 </tr>
 <tr style='height:14.25pt'>
  <td width=38 valign=top style='width:28.25pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:14.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b>2</b></p>
  </td>
  <td width=132 valign=top style='width:99.1pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:14.25pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=151 valign=top style='width:4.0cm;border-top:none;border-left:none;
  border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:14.25pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=142 valign=top style='width:106.3pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:14.25pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=138 valign=top style='width:103.75pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:14.25pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
 </tr>
 <tr>
  <td width=38 valign=top style='width:28.25pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b>3</b></p>
  </td>
  <td width=132 valign=top style='width:99.1pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=151 valign=top style='width:4.0cm;border-top:none;border-left:none;
  border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=142 valign=top style='width:106.3pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=138 valign=top style='width:103.75pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
 </tr>
 <tr>
  <td width=38 valign=top style='width:28.25pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b>4</b></p>
  </td>
  <td width=132 valign=top style='width:99.1pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=151 valign=top style='width:4.0cm;border-top:none;border-left:none;
  border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=142 valign=top style='width:106.3pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
  <td width=138 valign=top style='width:103.75pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'>&nbsp;</p>
  </td>
 </tr>
</table>

3. Tabel 5 Colom

NO
Tabel 3
1

2

3

4

5

6

7

8

HTML nya di bawah ini.
<table class=MsoNormalTable border=1 cellspacing=0 cellpadding=0
 style='margin-left:-1.15pt;border-collapse:collapse;border:none'>
 <tr style='height:30.55pt'>
  <td width=43 valign=top style='width:31.9pt;border:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:30.55pt'>
  <p class=MsoNormal style='margin-top:6.0pt'><b>NO</b></p>
  </td>
  <td width=559 valign=top style='width:419.25pt;border:solid windowtext 1.0pt;
  border-left:none;padding:0cm 5.4pt 0cm 5.4pt;height:30.55pt'>
  <p class=MsoNormal align=center style='margin-top:6.0pt;text-align:center'><b>Tabel
  3</b></p>
  </td>
 </tr>
 <tr style='height:18.25pt'>
  <td width=43 valign=top style='width:31.9pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:18.25pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>1</b></p>
  </td>
  <td width=559 valign=top style='width:419.25pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:18.25pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>&nbsp;</b></p>
  </td>
 </tr>
 <tr style='height:19.15pt'>
  <td width=43 valign=top style='width:31.9pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:19.15pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>2</b></p>
  </td>
  <td width=559 valign=top style='width:419.25pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:19.15pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>&nbsp;</b></p>
  </td>
 </tr>
 <tr style='height:18.05pt'>
  <td width=43 valign=top style='width:31.9pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:18.05pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>3</b></p>
  </td>
  <td width=559 valign=top style='width:419.25pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:18.05pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>&nbsp;</b></p>
  </td>
 </tr>
 <tr style='height:23.7pt'>
  <td width=43 valign=top style='width:31.9pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:23.7pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>4</b></p>
  </td>
  <td width=559 valign=top style='width:419.25pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:23.7pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>&nbsp;</b></p>
  </td>
 </tr>
 <tr style='height:23.7pt'>
  <td width=43 valign=top style='width:31.9pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:23.7pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>5</b></p>
  </td>
  <td width=559 valign=top style='width:419.25pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:23.7pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>&nbsp;</b></p>
  </td>
 </tr>
 <tr style='height:21.95pt'>
  <td width=43 valign=top style='width:31.9pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:21.95pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>6</b></p>
  </td>
  <td width=559 valign=top style='width:419.25pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:21.95pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>&nbsp;</b></p>
  </td>
 </tr>
 <tr style='height:21.0pt'>
  <td width=43 valign=top style='width:31.9pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:21.0pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>7</b></p>
  </td>
  <td width=559 valign=top style='width:419.25pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:21.0pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>&nbsp;</b></p>
  </td>
 </tr>
 <tr style='height:15.5pt'>
  <td width=43 valign=top style='width:31.9pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.5pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>8</b></p>
  </td>
  <td width=559 valign=top style='width:419.25pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.5pt'>
  <p class=MsoNormal align=center style='text-align:center'><b>&nbsp;</b></p>
  </td>
 </tr>
</table>

4. Tabel 5 Colom Berwarna

NO
Judul 1
Judul 2
1


2


3


4


5


Code nya di bawah ini.
<table class=MsoTable15Grid7ColorfulAccent5 border=1 cellspacing=0
 cellpadding=0 style='border-collapse:collapse;border:none'>
 <tr style='height:16.4pt'>
  <td width=38 valign=top style='width:28.25pt;border:solid #8EAADB 1.0pt;
  background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt;height:16.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>NO</span></p>
  </td>
  <td width=263 valign=top style='width:197.25pt;border:solid #8EAADB 1.0pt;
  border-left:none;background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt;height:16.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:#2F5496'>Judul 1</span></b></p>
  </td>
  <td width=300 valign=top style='width:225.3pt;border:solid #8EAADB 1.0pt;
  border-left:none;background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt;height:16.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:#2F5496'>Judul 2</span></b></p>
  </td>
 </tr>
 <tr>
  <td width=38 valign=top style='width:28.25pt;border:solid #8EAADB 1.0pt;
  border-top:none;background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='color:#2F5496'>1</span></p>
  </td>
  <td width=263 valign=top style='width:197.25pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
  <td width=300 valign=top style='width:225.3pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
 </tr>
 <tr>
  <td width=38 valign=top style='width:28.25pt;border:solid #8EAADB 1.0pt;
  border-top:none;background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='color:#2F5496'>2</span></p>
  </td>
  <td width=263 valign=top style='width:197.25pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
  <td width=300 valign=top style='width:225.3pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
 </tr>
 <tr>
  <td width=38 valign=top style='width:28.25pt;border:solid #8EAADB 1.0pt;
  border-top:none;background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='color:#2F5496'>3</span></p>
  </td>
  <td width=263 valign=top style='width:197.25pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
  <td width=300 valign=top style='width:225.3pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
 </tr>
 <tr>
  <td width=38 valign=top style='width:28.25pt;border:solid #8EAADB 1.0pt;
  border-top:none;background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='color:#2F5496'>4</span></p>
  </td>
  <td width=263 valign=top style='width:197.25pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
  <td width=300 valign=top style='width:225.3pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
 </tr>
 <tr>
  <td width=38 valign=top style='width:28.25pt;border:solid #8EAADB 1.0pt;
  border-top:none;background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='color:#2F5496'>5</span></p>
  </td>
  <td width=263 valign=top style='width:197.25pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
  <td width=300 valign=top style='width:225.3pt;border-top:none;border-left:
  none;border-bottom:solid #8EAADB 1.0pt;border-right:solid #8EAADB 1.0pt;
  background:#D9E2F3;padding:0cm 5.4pt 0cm 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='color:#2F5496'>&nbsp;</span></p>
  </td>
 </tr>
</table>
jika anda sudah faham CSS di atas silahkan bikin kode CSS tabel sesuai selera anda.

Untuk menambahkan CSS yang saya tuliskan di atas silahkan ke Design terus ke Edit Html, disana lah tempat persemayaman CSS blog blogger anda (Untuk bagian Edit Html ini nanti akan saya bahas secara tersendiri)
 
Kalau kalian mau Tips dan Trik SEO ada di sini SEO
Terima kasih. 
 
  • Blogger Comments
  • Facebook Comments
Item Reviewed: Cara Mudah Membuat Tabel Pada Postingan Dengan Mudah Rating: 5 Reviewed By: Unknown