Cara Membuat Tabel di Postingan Blog Lengkap

trikpos - Cara Membuat Tabel di Postingan Blog lengkap - Bagaimanakah cara membuat tabel Postingan Blog ?, oky pada kesempatan yang indah ini mas Trik kembali hadir menyuguhkan satu kreasi baru hasil editan saya sendiri, yakni Cara Membuat Tabel Super Responsive di postingan Blog , tabel ini biasa di gunakan bagi mereka yang suka membagikan Tutorial yang berhubungan dengan dokumen, menu daftar, dan jenis tabel yang lainya, untuk membuat tabel di blog kita cuma bermain dengan kode HTML tag </table>, <tr><td>. Ketiga kode itu dirangkai sehingga menjadi sebuah tabel.

www.trikpos.com


Sebagai contoh, silahkan copy kode berikut:

Baca juga : Cara Membuat Tabel Super Responsive di Blog

Tabel 1:
</table>
<tr><td>Calon Donatur</td><td>Nama</td><td>Nominal</td></tr>
<tr><td>Calon Donatur</td><td>Nama</td><td>Nominal</td></tr>
<tr><td>Calon Donatur</td><td>Nama</td><td>Nominal</td></tr>
</table>
maka akan menjadi tabel seperti ini
Calon DonaturNamaNominal
Calon DonaturNamaNominal
Calon DonaturNamaNominal




Tabel 2:
</table>
<tr><td colspan="2">Daftar Donatur</td>  </tr>
<tr><td>1</td><td>Nama</td></tr>
<tr><td>2</td><td>Nama</td></tr>
<tr><td>3</td><td>Nama</td></tr>
</table>
maka akan menjadi tabel seperti ini
Daftar Donatur
1Nama
2Nama
3Nama


Tabel 3:
</table>
<tr><td rowspan="4">Daftar Donatur</td></tr>
<tr><td>1</td><td>Nama</td></tr>
<tr><td>2</td><td>Nama</td></tr>
<tr><td>3</td><td>Nama</td></tr>
</table>
maka akan menjadi tabel seperti ini
Daftar Donatur
1Nama
2Nama
3Nama


Tabel 4:
Tabel dengan header warna:
</table>
<tr><td style="text-align:center;" colspan="2" bgcolor="#5C8AB7"><span style="color:#ffffff;font-size:18px;">Tabel Responsive</span></td> </tr>
<tr><td>Tabel</td> <td>Responsive</td></tr>
<tr><td>Tabel</td> <td>Responsive</td></tr>
<tr><td>Tabel</td> <td>Responsive</td></tr>
</table>
maka akan menjadi tabel seperti ini
Tabel Responsive
Tabel Responsive
Tabel Responsive
Tabel Responsive

Mudah bukan...? Demikian penjelasan kami mengenai "Cara Membuat Tabel di Postingan Blog Lengkap" Semoga bisa menjadi referensi serta bermanfaat bagi anda.

8 komentar

wah sesingkat itu ya mas,.,
mudah baget, karna udah d baca artikel di atas.,?

bagi saya nie tentu sagat membantu.,

sipp...trimakasih mas, jadi sdikit paham cra buatnya...cuma yg responsive td mksudnya balum pham :D

Betul mbak bisa membuat tabel untuk daftar dan jenis ikan cupang...hi..hi..hi

Mind, share ilmunya cara membuat navigasi melayang + search. Sama seperti blog ini.

Responsive itu artinya...tabel akan menampilkan lebar yang pas secara otomatis sesuai resolusi layar , jika blog di akses via seluler, banyak lho tabel yg tidak responsive atau tidak tampil dgn sempurna dan terpotong karna lebar melebihi resolusi layar, jika blog di akses via komputer tampilan tabel terlihat secara utuh , tapi kalau diakses via seluler ini akan kelihatan tabel yg tidak responsive...oky

Oky tankyu mas atas rikuesnya...mungkin dalam waktu dekat akan saya share membuat navigasi melayang atau dropdown ....tunggu ya...

supaya tabelny berada di tengah gmn ya mas? soalny pnya sya kok berada di kiri...

Please comment with the identity of the Gmail account, so we can visit back to your website.
EmoticonEmoticon