Cara Buat Kotak/Table Dalam Blog

Saat ini Table atau Kotak dalam Blog belum dilengkapi dengan toolbar membuat tabel untuk postingan atau artikel pada Blog dari Blogspot maupun Wordpress. Penjelasan 2 (dua) cara membuat Tabel atau Kotak pada artikel Blog anda sebagai berikut.

Cara yang akan di jalankan ada dua cara yaitu :

1. Penulisan Tag HTML Langsung.
2. Cara via MS Excel.

Cara membuat Tabel atau Kotak sangat mudah, cukup ikuti cara di bawah ini..Cekidot.

Cara 1. Penulisan Tag HTML Langsung:

Copy Paste Code dalam Text Area di bawah ini pada halaman blog anda:

<table border=”2&#8243; cellspacing=”2&#8243; cellpadding=”2&#8243; width=”300&#8243; align=”center” bgcolor=”#ffffff” height=”50&#8243;><br /> <tbody><br /> <tr><br /> <td>Data A</td><br /> </tr><br /> <tr><br /> <td>Data 1</td><br /> <td>Data 2</td><br /> <td>Data 3</td><br /> </tr><br /> </tbody><br /> </table>

Demo.

Data A
Data 1	Data 2	Data 3

penjelasan :

• <table> </table> Cara membuat Tabel atau kotak
• <tr> </tr> Cara membuat Baris Tabel.
• <td> </td> Cara membuat Kolom Tabel
• border=”x”  x nilainya adalah Pixel (ketebalan garis)
• cellspacing=”x” : Cara mengatur Jarak antar Sel
• cellpadding=”x” : Cara mengatur Jarak Tulisan atau Isi Sel
• bgcolor : Cara mengatur Warna Background dari Tabel
• align : Cara mengatur Posisi Tabel Nilai Align
• center : Posisi di tengah-tengah halaman.
• left : Posisi di sebelah kiri halaman.
• right : Posisi di berada disebelah kanan halaman.
• ibordercolor : Cara mengatur Warna Border Tabel (Kode Warna).
• width =”x” : Cara untuk mengatur Lebar Tabel (nilai pixel atau persen (%)).
• height=”x” : Cara untuk mengatur Tinggi Tabel (nilai pixel atau persen (%))

Anda dapat berkreasi yang inovatif pada Tabel atau Kotak dengan mengganti x dengan angka. Silahkan anda tambahkan Kotak atau Tabel lainnya. Happy Blogging

Cara 2. Cara via MS Excel

Cara ini lebih simpel dan silakan coba pada blog Mediator Bisnis, caranya adalah:

1. Tulis data pada kotak pada Sheet di MS Excel
2. Masuk pada halaman Postingan Blog anda 
3. Pada Blogspot klik posisi Compose sedangkan pada Wordpress klik posisi Visual )
4. Copy Paste data di Excel ke halaman Postingan Blog anda
5. Ubah posisi dari Compose ke HTML (pada Blogspot) dan posisi Visual ke HTML (pada Wordpress) untuk di Modifiksi Code HTM nya.
6. Ganti border=”0″ jadi border=”2″ agar tampilan Tabel atau Kotak lebih jelas.

Copy Paste Code dalam Text Area di bawah ini pada halaman blog anda:

<table border=”2&#8243; cellspacing=”0&#8243; cellpadding=”0&#8243; width=”192&#8243;><col span=”3&#8243; width=”64&#8243;></col><br /> <tbody><br /> <tr height=”20&#8243;><br /> <td width=”64&#8243; height=”20&#8243;>Data A</td><br /> <td width=”64&#8243;>Data B</td><br /> <td width=”64&#8243;>Data C</td><br /> </tr><br /> <tr height=”20&#8243;><br /> <td height=”20&#8243;>Data 1</td><br /> <td>Data 2</td><br /> <td>Data 3</td><br /> </tr><br /> <tr height=”20&#8243;><br /> <td height=”20&#8243;>Data 4</td><br /> <td>Data 5</td><br /> <td>Data 6</td><br /> </tr><br /> </tbody><br /> </table>

Demo:

Data A	Data B	Data C
Data 1	Data 2	Data 3
Data 4	Data 5	Data 6

Untuk buatan banyak Kotak atau Tabel , Pilihlah Cara No.2  yaitu Cara via MS Excel cukup efektif dan lebih cepat.

Notes:
Perhatikan cara menempatkan Copy Paste Kotak atau Tabel dari MS Excel , halaman Blog anda harus pada posisi Visual (untuk Wordpress) dan Compose (untuk Blogspot). Happy Days and Blogging.

Reply Post: jonsonhisar
(…dari ruang ide kreatif dan pencerahan pikiran…)