Silahkan cari Tips disini

cara membuat Tabel dalam Postingan Blog

Tabel merupakan salah satu assesoris yang mungkin dapat menjadikan blog kamu tampil lebih menawan. Tapi karena caranya yang agak sedikit sulit, tidak jarang hal ini diabaikan. Tabel dalam optimasi suatu blog berfungsi untuk menguraian kata-kata atau kalimat dalam bentuk kotak-kotak agar lebih mudah dimengerti dan dipahami. Coba ambil contoh dalam postingan area link exchange dan menampilkan kode HTML dalam postingan. Sekarang mari kita telaah secara seksama sebuah illustrasi di bawah ini.

misalnya seorang guru mempunyai 4 (empat) Murid dan data nilai

Untuk membuat data dalam tabel diatas bentuknya sesuai kebutuhan berapa kolom yg dibutuhkan, kira-kira seperti ini:

Nama MuridKelasNilai
A685
B696
C578
D590

Nah, selanjutnya bagaimana trik blogger membuat tabel seperti di atas ke dalam blog kamu. Singkat kata berikut kode untuk membuat tabel dalam blog ;

  <table border="1" width="300">
  <tr bgcolor="#E0F8E0"><td align="center"><b>Nama Temanku</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Hobby</b></td></tr>
  <tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
  <tr><td align="center">B</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
  <tr><td align="center">C</td><td align="center">4</td><td align="left">Sepak bola</td></tr>
  <tr><td align="center">D</td><td align="center">5</td><td align="left">Tidur</td></tr>
  </table>


Catatan :

  1. Kode dasar dalam tabel adalah <table> ... </table>.
  2. Kode untuk membuat baris tabel <tr> ... </tr>.
  3. Kode untuk membuat kolom tabel <td> ... </td>, ingat satu baris bisa terdiri dari beberapa kolom.
  4. Kode umum yang menyertai dalam kode tabel adalah width (...px), border (...px), align (center, left, right) dan bgcolor (kode warna/#......).


Selamat membuat tabel dalam blog anda.

0 komentar:

Posting Komentar

 
Powered By Blogger | Portal Design By Trik-tips Blog © 2009 | Resolution: 1024x768px | Best View: Firefox | Top