Membuat Tabel di Postingan Blogspot

Dari beberapa blog yang saya temuai sudah banyak blog yang dialih fungsikan sebagai sarana untuk menjual barang / produk sekarang ini. Blog-blog ini bukan hanya blog personal saja yang memanfaatkan sarana ini, tapi ada juga blog-blog perusahaan diantaranya.

Dari barang-barang yang ditawarkannya pun bermacam-macam dari produk rumahan sampai elektronik sudah ada di blog, bahkan ada yang di-design layaknya sebuah Web Store

Untuk itu saya coba memberi trik bagaimana membuat 'daftar harga' di blog model seperti ini, yaitu dengan menggunakan tag table HTML.

Berikut adalah format standar tag tabel di HTML, jadi bila ada masalah waktu editing bisa di update secara manual dari lembar 'editing' dengan mode 'Edit HTML'

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>No</td>
<td>Nama Barang</td>
</tr>
<tr>
<td>1</td>
<td>Baju Bagus</td>
</tr>
</table>

*HTML diatas merupakan tabel dengan format 2 kolom dan 2 baris

Keteranga:
<table></table> = Tabel
<tr></tr> = Baris pada tabel
<td></td> = Kolom pada tabel

Tapi untuk membuatnya tidak perlu repot-repot untuk mengetikkan kode HTML tersebut, karena editor yang ada di blogspot merupakan program 'javascript' atau kalau yang pernah menggunakan 'Lotus Wysiwyg', ini adalah model yang sama.

Jadi anda tinggal copy <Ctrl-C> dari MS.Excel dan Paste <Ctrl-V> di lembar editor di blogspot saja, maka tabel akan langsung membuat kode HTML-nya, tapi untuk mode editor-nya harus pada posisi 'Compose' dan setelah itu masih bisa di edit besar kecil tabel tersebut seperti table yang ada di Ms.Word.

Hasilnya mungkin tidak sama persis dengan tampilan yang ada di Ms.Excel, seperti garis tidak akan muncul disini masih perlu edit manual untuk itu.

Untuk lebih jelasnya ikuti langkah-langkah berikut untuk membuat table dibawah ini berikut garisnya:

No	Nama Barang	Harga (Rp.)
1	Mac. Director MX 2004	11,390,500.00
2	Mac. Firework MX	2,840,500.00
3	Mac. FreeHand MX	3,790,500.00
4	Adobe Photoshop CS2	5,690,500.00
5	Adobe Illustrator CS2	4,740,500.00
6	Adobe Premiere Pro 1.5 (Windows XP)	6,640,500.00
7	Adobe After Effects 6.5 Professional edition	9,490,500.00

Langkah-1:
Buka lembaran posting (editor) pada blogspot, dan pastikan pada posisi 'Compose'

Langkah-2:
Buka file 'daftar harga' yang ada di Ms.Excel anda lalu select (sorot) cell tabel yang ingin ditampilkan dan copy <Ctrl-C>, kemudian kembali ke lembaran editor blogspot anda dan paste <Ctrl-V> disana.

Langkah-3:
Langkah terakhir adalah membuat garis tabel tersebut, pindahkan mode editor anda ke mode 'Edit HTML. Rubah angka border yang ada di dalam tag tabel tersebut menjadi border="1" dan untuk lebih rapih tampilan tabel tersebut beri spasi antara garis dengan text didalamnya dengan merubah cellpadding="4"

Seperti ini: <table ... border="1" ... cellpadding="4" ..>

Selamat Mencoba!