Cara membuat Tabel Di Postingan Blogger/Blogspot. Kebingungan membuat tabel untuk postingan blogger blogspot. Akhirnya setelah bertanya pada mbah Google. Ketemu juga cara membuat tabel di blogger. Yach untuk sama-sama ukuran newbie sepertinya tetap mbah Google yang menjadi tempat bertanya untuk segala pertanyaan. Asal jangan tanya kapan diterima di sisi-Nya saja. :D
Oke lanjut, berikut merupakan cara untuk membuat tabel di postingan blogger/blogspot. Sebenarnya cara ini aku cari karena ada rencana membuat postingan yang berisi tabel untuk proxy berdasarkan port dan negara. Jadi ntar bisa dimanfaatkan untuk yang lain dan tentunya lebih jelas jika dipakai.
Berikut ini merupakan perintah dasar dalam menggunakan atau membuat tabel di blogspot:
Kode HTML | Keterangan |
<table>...</table> | Perintah untuk membuat tabel |
<tr>...</tr> | Perintah untuk membuat baris |
<td>...</td> | Perintah untuk membuat kolom |
border, width, align, bgcolor | Kode tambahan untuk pengaturan tebal garis border, lebar tabel, perataan teks dan warna background |
Sementara jika ingin membuat tabel dengan ketentuan 3 kolom dengan 1 baris. Maka perintahnya adalah:
<table border="1"><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr></table>
Preview dari kode di atas akan menjadi:
Konten 1 | Konten 2 | Konten 3 |
Selanjutnya kita coba merubah kode dasar diatas tadi untuk mempercantik tampilan dengan perataan teks dan ukuran lebar tabel kita tentukan misalnya 450px, maka penulisannya menjadi seperti ini :
<table border="1" width="450"><tr bgcolor="#F2F2F2"><td align="center"><b>Konten 1</b></td><td align="center"><i>Konten 2</i></td><td align="center">Konten 3</td></tr></table>
Maka hasil tampilannya menjadi seperti ini :
Konten 1 | Konten 2 | Konten 3 |
Kemudian kita coba lagi membuat tabel yang lebih banyak misalnya 2x3 (2 baris 3 kolom ) dengan format penulisan seperti ini :
<table border="1" width="450"><tr bgcolor="#F2F2F2"><td align="center"><b>Konten 1</b></td><td align="center"><i>Konten 2</i></td><td align="center">Konten 3</td></tr><tr><td align="left">Tuliskan teks disini</td><td align="left">Masukkan script gambar dengan format seperti ini <img alt="emo" border='0' src=' http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'/></td><td align="center"> Maka hasilnya akan seperti ini<img alt='emo' border='0' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' title='emo'/></td></tr></table>
Maka hasil tampilannya menjadi seperti ini :
Konten 1 | Konten 2 | Konten 3 |
Tuliskan teks disini | Masukkan script gambar dengan format seperti ini <img border='0' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'/> | Maka hasilnya akan seperti ini |
Cara di atas sudah saya test dan berhasil. Untuk contoh sendiri gambar tidak muncul karena gambar sudah tidak tersedia. Buat yang membutuhkan silahkan ambil dan praktekan. Masalahnya kalau nggak praktek biasanya susah nanti pahamnya. Ya sudah hanya itu saja. Semoga bermanfaat buat sesama. Cara membuat Tabel Di Postingan Blogger/Blogspot.
Temukan cara lain dan lebih heboh di blog ini:
Sumber : http://m-wali.blogspot.com/2012/01/cara-membuat-tabel-di-postingan.html#ixzz1mvtmdwqD