Kali ini saya akan mengajak anda yang tertarik membuat table di blogspot untuk memperhatikan tutorial dibawah ini. Postingan saya kali ini sebenarnya untuk melanjutkan artikel pada postingan yang lalu mengenai cara membuat table di postingan. Tapi kali ini tutorial yang saya bagikan lebih mudah diikuti daripada yang terdahulu. Sebelumnya anda bisa melihat postingan saya yang terdahulu tentang cara membuat table di edisi yang lalu. Jika anda sudah membaca artikel tentang cara membuat table pada edisi yang kesatu, sekarang saatnya kita belajar di edisi yang kedua.
Langkah membuat table edisi kedua:
Perhatikan script dibawah iniLangkah membuat table edisi kedua:
<table border="1" cellpadding="0"width="60%">
<tr><td>No</td><td>Item</td><td>Jumlah</td></tr>
<tr><td>1</td><td>Kemeja</td><td>Rp. 50.000,-</td></tr>
</table>
Hasilnya seperti ini:
No | Item | Jumlah |
1 | Kemeja | Rp. 50.000,- |
Jika anda mau menambah jumlah table ke bawah, maka anda tinggal copy warna merah atau hijau, lalu anda paste dibawah warna hijau. Mudah bukan? Silahkan ditambahkan jumlah kolom kesamping dan kebawah sesuai dengan kebutuhan anda. Jangan lupa anda edit teksnya sesuai dengan kebutuhan anda.
Jika anda mau menampilkannya dipostingan, langkahnya adalah sbb:
1. Masuk pada new post
2. Pilih halaman Edit HTML (bukan compose)
3. Tekan tombol publish post
4. Lihat hasilnya
5. Sukses selalu
Petunjuk:
1. Border = Ketajaman warna kotak table
2. Cellpadding = jarak spasi antara garis tabel dengan tulisan
3. Widht = Lebar table secara keseluruhan (sesuaikan dengan jumlah kolom yang mengarah kesamping)
4. Jika ada yang perlu ditanyakan, harap tulis dikolom komentar
0 comments:
Posting Komentar
Mohon berikan komentar dikolom bawah ini