Kami Menyediakan Firmware Nokia Samsung Blackberry dll
Silahkan Kunjungi www.fujicell.co.id Atau Hub : Telp 08121488688 BBM 2ACC88EC

Cara Membuat Tabel Dalam Posting Blog

Ditulis oleh: -
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 PRODUKKET PRODUKLABA ANDASTATUS
HALOTelkomsel HALO1.725Normal
FLEXITelkom Felxi Pascabayar1.725Normal
XLPASCAXL Explore1.425Normal
ESIAPASCAEsia Postpaid1.425Normal
MATRIXMatrix Indosat-1.125Gangguan

Atau Ikuti Langkah Di Bawah ini :

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.

0 komentar "Cara Membuat Tabel Dalam Posting Blog", Baca atau Masukkan Komentar

Post a Comment

Copyright © 2011 www.fujicelular.com | Fujicell Store www.fujicellstore.com | Toko Online Fujicell www.fujicell.co.id