Cara Membuat Tabel dalam 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 menampilkan kode HTML dalam postingan. Sekarang mari kita tela`ah 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.






Nama TemankuKelasHobby
A6Makan bakso
B6Makan bakso
C4Sepak bola
D5Tidur


Nah, selanjutnya bagaimana trik SEO 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&gt;</tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td&gt;</tr>
<tr><td align="center">B</td><td align="center">6</td><td align="left">Makan bakso</td&gt;</tr>
<tr><td align="center">C</td><td align="center">4</td><td align="left">Sepak bola</td&gt;</tr>
<tr><td align="center">D</td><td align="center">5</td><td align="left">Tidur</td&gt;</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...

0 comments:

 
Tutorial Seo Blogger | Cara Membuat Blog di Blogspot Gratis 2014 Support Blogger Info Seo Privacy Policy