Cara Membuat Tabel Dalam Posting Blog

My Note - Membuat tabel dalam sebuah artikel blog bagi sebagian blogger mungkin merupakan hal yang sulit, karena bagi kita yang belum paham kode-kode HTML tentu akan kebingungan. Sebenarnya bisa saja kita membuat tabel dengan mengcopy paste dokumen tabel yang sudah kita buat di Microsoft word atau Excel. tapi jika sobat blogger memiliki koneksi internet yang lelet, terkadang tidak bisa terpublikasi. Mengapa bisa tidak terpublikasi? Karena tabel atau dokumen yang langsung kita copy paste dari microsoft word / Excel tadi sebenarnya mengandung kode-kode rumit. Terkadang pula tabel yang sudah kita copas dari excel, ketika di masukkan ke posting blog tidak menjadi sebuah tabel yang diinginkan / tidak ada garisnya.
Jika sobat sudah memakai software/aplikasi Windows Live Writer, membuat tabel akan mudah dilakukan, karena dalam toolsnya sudah ada pembuat tabel. Berbeda dengan blogger yang belum ada.
Buat sobat yang menemui kendala dalam pembuatan tabel di blog, bagi yang belum mengenal kode-kode HTML/CSS tabel, mungkin bisa mengikuti cara berikut ini :

Contoh Kode  CSS :

<style type="text/css">
table.tableizer-table {border: 1px solid #CCC; font-family: <?php echo $tableFont ?>;font-size: 11px;} 
.tableizer-table td {padding: 4px;margin: 3px;border: 1px solid #ccc;}
.tableizer-table th {background-color: #71767B; color: #FFF;font-weight: bold;}
</style>
<table class="tableizer-table">
<tbody>
<tr class="tableizer-firstrow"><th>NAMA PRODUK</th><th>KET PRODUK</th><th>LABA ANDA</th><th>STATUS</th></tr>
<tr><td>HALO</td><td>Telkomsel HALO</td><td>1.725</td><td>Normal</td></tr>
<tr><td>FLEXI</td><td>Telkom Felxi Pascabayar</td><td>1.725</td><td>Normal</td></tr>
<tr><td>XLPASCA</td><td>XL Explore</td><td>1.425</td><td>Normal</td></tr>
<tr><td>ESIAPASCA</td><td>Esia Postpaid</td><td>1.425</td><td>Normal</td></tr>
<tr><td>MATRIX</td><td>Matrix Indosat</td><td>-1.125</td><td>Gangguan</td></tr>
</tbody></table>

Copy Kode di atas ke halaman HTML, Maka hasilnya seperti dibawah ini
Hasil Table :

NAMA PRODUK	KET PRODUK	LABA ANDA	STATUS
HALO	Telkomsel HALO	1.725	Normal
FLEXI	Telkom Felxi Pascabayar	1.725	Normal
XLPASCA	XL Explore	1.425	Normal
ESIAPASCA	Esia Postpaid	1.425	Normal
MATRIX	Matrix Indosat	-1.125	Gangguan

Atau Ikuti Langkah Di Bawah ini :

• Buatlah terlebih dulu tabel artikel kita di MS word/excel.
• Blok/Highlight tabel yang sudah jadi tadi, kemudian copy.
• Lalu Masuk ke http://tableizer.journalistopia.com/tableizer.php
• Klik tulisan TABLEIZE AGAIN

Maka hasilnya Seperti ini :

• Kemudian masukan tabel yg sudah sobat buat tadi di MS word/exel tadi kedlam kotak yg tersedia.
• Sebelumnya atur jenis huruf, ukuran huruf, dan warna header tabelnya.
• Klik tulisan TABLEIZE
• Tunggu hingga kode HTMLnya muncul
• Setelah itu copy kodenya
• Buatlah sebuah artikel dalam bentuk HTML bukan Compose
• Paste pada mode HTML tersebut kemudian pindahkan lagi ke mode Compose
• Tabel sobat sudah selesai dibuat.

Bagaimana sobat,,mudahkan..?
jadi sekarang sobat ngak perlu lagi capek2 edit kode HTML di dalam posting blog sobat.. Sekian untuk tutorialnya kali ini semoga bermanfaat.

Author : taufik

Share this

Related Posts