BIKIN TABEL DI WORDPRESS

CARA MEMBUAT TABEL DI BLOG WORDPRESS

Halaman depan blog ini, saya buat dengan “bermain tabel” agar berwarna-warni tetapi tidak perlu menambah image. Bagaimana cara membuatnya? Untuk memulainya, yuk kita lihat tabel di bawah ini:

Cara gampang mencari artikel omkicau.com, klik di sini.

JUDUL TABEL ANDA

Nah, cara membuat tabel di atas adalah sebagai berikut:

Ketikkan pada tab HTML Editor Anda di WordPress sbb:

<h4>JUDUL TABEL ANDA</h4>

(kode html di atas ini digunakan untuk membuat judul pada tabel Anda)

<table border=”1″>
<tbody>
<tr>
<th>PERCOBAAN</th>
<th>KOLOM 1</th>
<th>KOLOM 2</th>
<th>KOLOM 3</th>
<th>KOLOM 4</th>
<th>KOLOM 5</th>
</tr>

(kode html di atas ini digunakan untuk membuat rincian paling atas pada tabel)

<tr>
<th>BARIS 1</th>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>

(kode html di atas ini digunakan untukmengisi data pada Baris 1 pada tabel Anda, urutannya dari kiri ke kanan)

<tr>
<th>BARIS 2</th>
<td>FFF</td>
<td>GGG</td>
<td>HHH</td>
<td> &nbsp; </td>
<td>JJJ</td>
</tr>

(kode html di atas ini digunakan untuk mengisi data pada Baris 2 pada tabel anda, urutannya dari kiri ke kanan. pada Kolom ke 4 diisi &nbsp; untuk mengosongkan cell tsb kalau memang anda mau dikosongkan)

<tr>
<th>BARIS 3</th>
<td>KKK</td>
<td>LLL</td>
<td>MMM</td>
<td>NNN</td>
<td>OOO</td>
</tr>
</tbody>
</table>
<table border=”1″></table>

(kode html di atas ini digunakan untuk mengisi data pada Baris 3 pada tabel Anda, urutannya dari kiri ke kanan. dan anda harus tutup code htmlnya menggunakan code html 3 baris terakhir)

Nah, Tabel Anda sudah jadi dan tinggal diedit saja datanya mau dimasukkan apa…

Artikel di atas disedot mentah-mentah dari __http://nadasms.wordpress.com/2010/04/15/membuat-tabel-di-wordpress/ bukan untuk gagah-gagahan tetapi untuk pembelajaran.

CARA YANG LEBIH PRAKTIS

Cara yang berikut ini saya ambil mentah2 dari __http://hermanyudiono.wordpress.com/2009/05/17/cara-membuat-tabel-di-blog/ dan memang lebih praktis karena hanya tiga langkah di saat kita membuat postingan, tanpa harus mengerti bahasa HTML atau java script. Oke bro, gak perlu panjang lebar, di bawah ini adalah cara-cara membuat tabel di postingan blog wordpress.

1. Buat materi postingan yang ada tabelnya di Microsoft Word terlebih dahulu.
2. Login ke blog wordpress Anda, lalu buat ADD NEW pada POST. Klik tombol PASTE From Words (lihat panah merah pada gambar di bawah ini).

3. Akan muncul tampilan Paste From Word seperti ini.

4. Kembali ke Microsoft Word, blok materi postingan semuanya, lalu COPY.

5. Kembali ke tampilan Paste From Word , tekan CTRL+V di keyboard Anda, dantekan Insert. Contoh hasilnya seperti di bawah.

6. Materi dan tabel akan masuk ke tempat postingan. Silakan Anda atur kerapiannya dan edit sesuka Anda (misalnya beri warna yang berbeda dengan huruf postingan dll).

7. Setelah selesai menulis, klik Publish. Lihat tampilannya di Site View.

8. Selesai deh…

Praktis toh cara membuat tabel di wordpress? Selamat mencoba.***

MEMBUAT LATAR BELAKANG BERWARNA DENGAN KODE WARNA

Nah, untuk membuat latar belakang berwarna pada tabel, gampang saja. Pertama, tentukan lajur mana yang akan diberi warna latar belakang. Kalau sudah ditentukan, maka buka draf tulisan pada mode HTML dan lihat kode “<td>” di awal setiap lajur. Misalnya Anda mau memberi latar warna hitam, maka kode itu bisa ditambahi dan menjadi begini “<td bgcolor=”#000000″>”, kalau mau warna lain, ya ganti saja code warnanya. Gampang kan? Untuk kode warna, bisa dilihat di artikel ini,

Kalau Anda sudah terbiasa bermain tabel, maka Anda akan semakin menemukan banyak keasyikan untuk bermain warna-warni dan juga pembuatan kolom atau lajur sekehendak hati Anda.

Salam ngeblog.

KEMBALI KE BERANDA

Halaman terkait:

BLOG TIPS

• BLOGGER PLAGIAT
• CARA BIKIN BLOG WORDPRES
  • BIKIN TABEL DI WORDPRESS
  • CARA BIKIN BACKGROUND ANIMASI
  • CARA BIKIN WIDGET ALEXA
  • CARA DAFTAR BLOG DI WORDPRESS
  • CARA GANTI TEMA DI WORDPRESS
  • CARA UBAH HEADER WORDPRESS
  • MENGATUR LEBAR HALAMAN
  • TEMA WP DAN PROFILE PENULIS
  • TEMA WP DAN UBAH WARNA
  • UBAH ATAU KEHILANGAN PASSWORD
• HTML UNTUK BLOG
• KODE WARNA HTML
• PASANG TRANSLATOR
• SEARCH ENGINE OPTIMIZATION
• SUKSES BIKIN BLOG