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.
Aku mempunyai 4 (empat) teman dari kelas yang berbeda beda. Si A dan B di kelas 6 kegemarannya makan bakso. Si C berada di kelas 4 sukanya sepak bola. Sedangkan si D di kelas 5, hobbynya tidur melulu.
Dari kalimat di atas seandainya kita buat ke dalam tabel mungkin bentuknya seperti ini.
Aku mempunyai 4 (empat) teman dari kelas yang berbeda beda. Si A dan B di kelas 6 kegemarannya makan bakso. Si C berada di kelas 4 sukanya sepak bola. Sedangkan si D di kelas 5, hobbynya tidur melulu.
Dari kalimat di atas seandainya kita buat ke dalam tabel mungkin bentuknya seperti ini.
Nama Temanku | Kelas | Hobby |
A | 6 | Makan bakso |
B | 6 | Makan bakso |
C | 4 | Sepak bola |
D | 5 | Tidur |
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 :
- Kode dasar dalam tabel adalah <table> ... </table>.
- Kode untuk membuat baris tabel <tr> ... </tr>.
- Kode untuk membuat kolom tabel <td> ... </td>, ingat satu baris bisa terdiri dari beberapa kolom.
- 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...
Artikel Terkait: Cara Membuat Tabel dalam Blog
Trik Blogger
- Menerapkan Desain yang Responsif
- Formulir Kontak Manual
- Navigasi Breadcrumbs dengan Microdata
- Widget Posting dan Komentar Terbaru yang Sederhana
- Membuat Halaman Arsip tanpa JavaScript
- Memodifikasi Tanggal Posting (date-header)
- Menu Navigasi Horizontal dan Dropdown
- Kustomisasi Setelan pada Preferensi Penelusuran
- Hilangnya Taut Hapus pada Komentar
- Fitur Blogger Konfigurasi Navbar Off
- Membuat Amplop + Perangko Dengan CSS3
- Trik Membuat Kotak Banner
- Membuat Style pada Link dengan CSS3
- Styling menggunakan CSS pseudo-element
- Styling Unordered & Ordered lists
- Kostumisasi Penomoran pada Komentar Blogger™
- Optimasi Kotak Komentar Blogger™
- Kostumisasi Avatar Komentar
- Mengganti Nextprev dengan Judul Posting
- Widget Update via Twitter
- Google Web Fonts
- Dropdown Menu (Navigasi Horizontal) dengan CSS3
- Membuat Menu Navigasi Image
- Admin Bar Widget untuk Blogger
- Animasi Transparent Navbar