Home Pernik Blog Cara Membuat Tabel Keren di Blog

Cara Membuat Tabel Keren di Blog

Tags

Selamat malam bos kuh yang masih setia nangkring di blog Programmer SEO. Pada kesempatan kali ini saya akan membagikan tutorial cara membuat tabel keren di dalam postingan artikel. Sering kali para blogger kerepotan untuk membuat tabel di blog, khususnya bagi mereka yang ingin membuat daftar angka, soal, menu makanan, atau pun yang lainnya.


 Nah, beruntung sekali bos kuh yang sudah menemukan artikel ini, karena dalam artikel ini saya akan membagikan cara mudah membuat tabel untuk postingan bos kuh. Hanya butuh waktu kurang lebih satu menit, tabel pun langsung. Terus, bagaimana bentuk tabel yang mudah itu ? Apakah tampilannya menarik ?

 Tenang bos kuh, tabel yang saya buat, insyaa Allah menarik. Lihat contoh tabelnya di bawah ini :

 #1. Tabel Pertama

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

Bagaimana bos kuh, tabelnya keren dan menarik kan ?
Nah, bagi bos kuh yang pengen memasang tabel keren di blog bos kuh. Silahkan copy struktur kodenya di bawah ini :
 <table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>Table Header 1</th>
            <th>Table Header 2</th>
            <th>Table Header 3</th>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
    </tbody>
</table>.

#2. Tabel Kedua
No.
Nama
Alamat
No HP
Email
1
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...
2
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...
3
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...
4
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...
5
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...
6
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...
7
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...
8
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...
9
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...
10
... Masukan Nama ...
... Masukan alamat...
...masukan no hp...
...masukan email...

Jika ingin mendapatkan code tabel ke dua, silahkan copykan code dibawah ini : 
 <table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=567
 style='width:425.1pt;margin-left:.15pt;border-collapse:collapse'>
 <tr style='height:20.25pt'>
  <td width=44 nowrap valign=top style='width:33.3pt;border:solid windowtext 1.0pt;
  background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>No.</span></b></p>
  </td>
  <td width=144 nowrap valign=top style='width:108.3pt;border:solid windowtext 1.0pt;
  border-left:none;background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>Nama</span></b></p>
  </td>
  <td width=132 nowrap valign=top style='width:99.15pt;border:solid windowtext 1.0pt;
  border-left:none;background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>Alamat</span></b></p>
  </td>
  <td width=123 nowrap valign=top style='width:92.55pt;border:solid windowtext 1.0pt;
  border-left:none;background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>No HP</span></b></p>
  </td>
  <td width=122 nowrap valign=top style='width:91.8pt;border:solid windowtext 1.0pt;
  border-left:none;background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>Email</span></b></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>1</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>2</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>3</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>4</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>5</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>6</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>7</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>8</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>9</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>10</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.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:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;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.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
</table>

Jika sudah di copy, silahkan:
1. Buka Entri Baru sebagaimana biasa membuat postingan
2. Alihkan toolbar Compose ke HTML
3. Pastekan di bawah </div>
4. Pindahkan kembali ke mode Compose
5. Coba bos kuh klik pratinjau
6. Jika muncul sebagaimana tabel yang ada di artikel ini, selamat bos kuh, bos kuh sudah berhasil membuat tabel keren di blog.
7. Langkah selanjutnya silahkan bos kuh ubah nama-nama yang ada pada tabel itu dengan yang bos kuh inginkan.

 Untuk mengubahnya, alihakan dulu dari mode Compose ke HTML, jika sudah selesai pengeditan, alihkan kembali ke mode Compose.

 Sepertinya hanya segitu tutorial yang bisa saya berikan, kebetulan waktu sudah menunjuk pada angka 23.01, sudah lumayan ngantuk. Oke bos kuh, sampai berjumpa lagi di lain kesempatan. 

Baca juga:

Selanjutnya...
Sebelumnya...


EmoticonEmoticon

Subscribe to: Post Comments (Atom)