Busby SEO Test

Bagi Anda pengguna Ms Office; baik itu excel ataupun MS Word maka untuk membuat table sudah sangat dimudahkan *anak kecil saja bisa, masa kalah sama anak kecil* Mirip salah satu acara di stasiun televisi yang saya rasa bagus untuk acara-acara edukasi. Nah bagaimana cara membuat table di blog? Berikut ini kita coba belajar membuat table sederhana di postingan dan element blog…!
Kita coba buat table sederhana sebagai contoh penggunaan table dalam postingan blog. Untuk membuat dan menggunakan table di dalam postingan blog ataupun element html sidebar blog, kita memerlukan kode-kode html untuk table.

BAGIAN I - TABLE DASAR

Kode html “sederhana” untuk pembuatan table adalah seperti dibawah ini, (menggunakan table 2 column dan 1 row)

<table border=”1″>

<tr>

<td></td> <td></td>

</tr>

</table>

Kita coba buat contoh dengan kode table html diatas,

<table border=”1″>

<tr>

<td>Column 1 - Row 1</td> <td>Column 2 - Row 1</td>

</tr>

</table>

Maka hasilnya seperti dibawah ini,

Column 1 - Row 1

Column 2 - Row 1

Lantas kita coba gabungkan antara gambar dengan dengan teks, kode htmlnya seperti ini,

<table border=”1″>

<tr>

<td><img border=”0″ src=”http://i43.servimg.com/u/f43/11/83/04/92/sailin10.gif”/></td> <td><b>MUNGKINKAH…?</b><br/>Kalo kita sekarang sepakat bilang bahwa “Nenek moyang” kita adalah pelaut…! Bisa jadi cucu-cucu kita kelak bakal sepakat bilang bahwa “Nenek Moyang” kita adalah BLOGGER Mungkinkah…?</td>

</tr>

Maka hasilnya seperti di bawah ini,

MUNGKINKAH…? Kalo kita sekarang sepakat bilang bahwa “Nenek moyang” kita adalah pelaut…! Bisa jadi cucu-cucu kita kelak bakal sepakat bilang bahwa “Nenek Moyang” kita adalah BLOGGER Mungkinkah…?

BAGIAN I - TABLE DASAR 2

Kode html “sederhana” untuk pembuatan table adalah seperti dibawah ini, (menggunakan table 2 column dan 2 row kemudian kita hilangkan penggunaan border seperti pada bagian pertama - table dasar di atas sehingga untuk contoh di bawah ini tidak menggunakan border)

<table>

<tr>

<td></td> <td></td>

</tr>

<tr>

<td></td> <td></td>

</tr>

</table>

Kita coba buat contoh dengan kode table html diatas,

<table>

<tr>

<td>Column 1 - Row 1</td> <td>Column 2</td>

</tr>

<tr>

<td>Row 2</td> <td>Column 2</td>

</tr>

</table>

Maka hasilnya seperti dibawah ini,

Column 1 - Row 1	Column 2
Row 2	Column 2

Hasilnya kurang meyakinkan…? Oke, kita coba contoh lain dengan menyandingkan antara gambar dan teks, border tetap dihilangkan, kita masukan gambar posisi tengah (center) dan teks secara silang dalam kode di atas menjadi kode seperti di bawah ini,

<table>

<tr>

<td>Tidak sedikit adik-adik kita mempunyai cita-cita tinggi dan mulia; menjadi dokter, insinyur, arsitek, ilmuan, webmaster, bahkan seorang pilot. Dengan Blogging dan Berbagi mari kita dukung cita-cita mulia mereka :)</td>
<td><center><img border=”0″ src=”http://i43.servimg.com/u/f43/11/83/04/92/pesawa10.gif”/></center>
</td>

</tr>

<tr>

<td><center><img border=”0″ src=”http://i43.servimg.com/u/f43/11/83/04/92/100blo10.gif”/></center>
</td>
<td>Namun… mungkinkah kelak cita-cita itu tidak lagi menjadi impian mereka…? Dan lebih memilih cita-cita yang lebih mulia…? Ya cita-cita mulia dengan menjadi… 100% Blogger… :)</td>

</tr>

</table>

Maka hasilnya akan menjadi seperti ini,

Tidak sedikit adik-adik kita mempunyai cita-cita tinggi dan mulia; menjadi dokter, insinyur, arsitek, ilmuan, webmaster, bahkan seorang pilot. Dengan Blogging dan Berbagi mari kita dukung cita-cita mulia mereka
	Namun… mungkinkah kelak cita-cita itu tidak lagi menjadi impian mereka…? Dan lebih memilih cita-cita yang lebih mulia…? Ya cita-cita mulia dengan menjadi… 100% Blogger…

Oke kita cukupkan dahulu bagian “dasar” posting dengan penggunaan table ini… Insya Allah kita sambung di lain waktu dan kesempatan dengan table-table lainnya… dengan bahan dasar yang sama tentu saja namun di sarankan untuk bereksplorasi sendiri, mencoba-coba biar lebih maknyos

CMIIW

Popularity: 6% [?]

Possibly related posts: (automatically generated) :

• Memotong Postingan Yang Terlalu Panjang (Membuat Readmore di Blogger Lama, Classic Template)
Jum'at pagi yang cerah ceria ini saya jalan-jalan bersama neng google, bergandengan tangan dan saling tersenyum *apaaaa seeeeh*. Hanya kita
• Related Post, Bagaimana Agar Blog Tampil Menarik (Catatan Kedua)
Pada postingan yang telah lalu saya sedikit mengulas catatan pertama tentang bagaimana agar blog tampil menarik, yaitu dalam tiga aspek;
• Bikin List Menu
List menu biasa kita lihat tampilannya di website profesional. Indahkan? Bukan cuma indah tapi juga memudahkan pengunjung situs dalam mengakses
• Membuat Readmore di Blogger
Membuat readmore atau menyingkat tulisan di blog, maksudnya memberikan tanda "Read More..." Atau "Baca Selengkapnya..." atau cukup "Selengkapnya..." di
• Membuat Menu Pull Down di Blogger
Membuat menu Pull Down itu nggak terlalu susah, manfaatnya bila kita membuat link jadi ga makan tempat tapi banyakan para