Cara Membuat Tabel Pada Postingan Blog Melalui Ms.Word

//lh4.googleusercontent.com/-eAXyxy2JJKA/AAAAAAAAAAI/AAAAAAAAGS4/OHgzqHzCvtQ/s512-c/photo.jpg
July 12, 2017

Selamat Sore sobat blogger pada kesempatan kali ini saya akan share cara membuat tabel pada postingan blog melalui ms.Word. Tentu cara seperti ini sangat membantu bagi sobat blogger. apalagi sobat kurang mengerti mengenai html. Dengan cara membuat tabel pada postingan blog melalui ms.Word bisa membuat kita membuat tabel sebanyak apapun dan sebagus apapun. Berikut langkahnya.

Langkah 1# Buka Ms.Word.
Langkah 2# Klik insert kemudian buat tabel yang diinginkan.
Langkah 3# Modifikasi tabel semau dan sesuka sobat.
Langkah 4# Jika selesai Membuat tabel klik CTRL+S, atau klik icon Microsof, klik save kemudian beri nama file.
Langkah 5# Pada Save as type Pilih Web Page, Filtered
Selesai... Hehe selesai di ms.wordnya maksudnya
"Gimana sangat mudah bukan membuat tabel"
Lalu bagaiman cara memasangnya pada postigngan blog, ini lebih mudah dari yang sobat bayangkan, karena kita tinggal Copy dan Paste.

Langkah 6# Buka File yang sobat telah buat, bagusnya sobat buka filenya menggunakan notepad++, atau Notepad juga bisa. Kemudian sobat Copy kode HTMLnya mulai dari <Table sampa
Copy Kode HTMLnya mulai dari <table sampai </table>
Langkah 7# Login ke Blog sobat
Langkah 8# Klik Entri baru.
Langkah 9# Pada tampilan Entri baru atau postingan baru sobat Pilih HTML jangan Compose, kemudian sobat Pastekan kode yang sobat sudah Copy tadi.
Langkah 10# Lihat hasilnya dulu sebelum dipublikasikan.

Untuk lebih jelasnya lihat contoh kode HTML dan hasilnya setelah di pasang pada postingan Blog dibawah ini. Ingat Jika sobat masih bingun cara copy kode HTLnya lihat kode dibawah, kode yang saya beri warna merah sampai warna merah berikutnya itu yang sobat copy.

<html>

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=Generator content="Microsoft Word 15 (filtered)">
<style>
<!--
 /* Font Definitions */
 @font-face
    {font-family:"Cambria Math";
    panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
    {font-family:Calibri;
    panose-1:2 15 5 2 2 2 4 3 2 4;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
    {margin-top:0in;
    margin-right:0in;
    margin-bottom:8.0pt;
    margin-left:0in;
    line-height:107%;
    font-size:11.0pt;
    font-family:"Calibri",sans-serif;}
.MsoChpDefault
    {font-family:"Calibri",sans-serif;}
.MsoPapDefault
    {margin-bottom:8.0pt;
    line-height:107%;}
@page WordSection1
    {size:8.5in 11.0in;
    margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
    {page:WordSection1;}
-->
</style>

</head>

<body lang=EN-US>

<div class=WordSection1>

<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0
 style='border-collapse:collapse;border:none'>
 <tr>
  <td width=208 valign=top style='width:155.8pt;border:solid windowtext 1.0pt;
  padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
  normal'><b><span style='color:#00B050'>NAMA</span></b></p>
  </td>
  <td width=208 valign=top style='width:155.85pt;border:solid windowtext 1.0pt;
  border-left:none;padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
  normal'><b><span style='color:#00B050'>ALAMAT</span></b></p>
  </td>
  <td width=208 valign=top style='width:155.85pt;border:solid windowtext 1.0pt;
  border-left:none;padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
  normal'><b><span style='color:#00B050'>JURUSAN</span></b></p>
  </td>
 </tr>
 <tr>
  <td width=208 valign=top style='width:155.8pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
  normal'><b>Arman</b></p>
  </td>
  <td width=208 valign=top style='width:155.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
  normal'><b>Malino</b></p>
  </td>
  <td width=208 valign=top style='width:155.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
  normal'><b>IT</b></p>
  </td>
 </tr>
 <tr>
  <td width=208 valign=top style='width:155.8pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
  normal'><b>Dede</b></p>
  </td>
  <td width=208 valign=top style='width:155.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
  normal'><b>Makassar</b></p>
  </td>
  <td width=208 valign=top style='width:155.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
  normal'><b>Perminyakan</b></p>
  </td>
 </tr>
</table>

<p class=MsoNormal><b>&nbsp;</b></p>
</div>
</body>
</html>

Hasilnya
NAMA
ALAMAT
JURUSAN
Arman
Malino
IT
Dede
Makassar
Perminyakan

Gimana sobat blogger sangat mudah bukan, kit atidak perlu repot-repot untuk megeditnya di postingan blog karena di ms.Word lebih mudah dan kita juga berkreasi dengan mudah sesuai tebel yang diinginkan, sekian postingan kali ini semoga  bermanfaat bagi sobat semua, jika masih bingun dengan tutorial di atas bisa meninggalkan comment dibawah. Wassalam­čśÉ


Artikel Menarik Lainnya

SUBSCRIBE TO OUR NEWSLETTER