Bagaimana cara membuat Tabel di dalam Postingan Blog ? Apakah Anda sudah tahu caranya ? Jika belum berarti tutorial ini untuk Anda. Tutorial blog sederhana ini juga sekalian untuk menjawab pertanyaan dari sahabat saya Bambang Heriwanto Saril yang beberapa hari yang lalu juga bertanya kepada saya mengenai bagaimana Cara Membuat Tabel di dalam Postingan Blog yang beliau kirimkan lewat PM.
Di bawah ini Contoh Tabel yang saya buat untuk mempromosikan website yang saya kelola
Mari kita sama sama perhatikan Kode HTML di atas
Kode <center> pada baris pertama dan kode </center> pada baris paling akhir berfungsi untuk membuat Tabel di dalam postingan kita nantinya akan berada pada bagian tengah Postingan Blog
Untuk membuat Baris pada sebuah tabel maka elemen <td> harus di apit oleh elemen tag pembuka <tr> dan tag penutup </tr> agar tercipta sebuah Tabel yang lengkap, Anda bisa melihat penerapannya pada kode HTML di atas pada baris ke empat
Happy Blogging dan salam SUKSES !
Bagi Anda yang baru berjabat tangan dengan dunia blogging, mungkin Anda sering bertanya tanya sebenarnya bagaimana sih Cara Membuat Tabel di dalam Postingan Blog, betul ? Oleh karena itu Tutorial sederhana ini sengaja saya Publish untuk berbagi dan menjawab pertanyaan Anda mengenai bagaimana Cara Membuat Tabel di dalam Postingan Blog
Untuk membuat Tabel menggunakan Microsof Word atau Microsoft Excel mungkin Anda sudah terbiasa, tapi bagaimana dengan membuat Tabel di dalam postingan Blog ? Apakah Anda juga sudah terbiasa ? Jika belum teruskan membaca ! karena lewat postingan yang sederhana ini kita akan sama sama untuk membahas mengenai bagaimana Cara Membuat Tabel di dalam Postingan Blog
Untuk membuat Tabel di dalam Postingan khususnya di Blogger, kita bisa membuatnya secara manual karena dengan membuat secara manual tidak akan membuat Loading Page blog. Untuk membuat sebuah Tabel dalam Postngan Blog, ada 3 Elemen yang sangat penting yang harus sama sama terlebih dahulu untuk kita Pahami antara lain sebagai berikut
<table>
Elemen ini berfungsi untuk menggabungkan antara Baris <tr> dan kolom<td>
<tr>
Elemen ini berfungsi untuk membuat sebuah baris di dalam tabel
<td>
Elemen ini berfungsi untuk membuat sebuah kolom di dalam tabel
Elemen <tr> dan Elemen <td> berada di dalam elemen <table> sehingga jika ke tiganya kita gabungkan maka akan tercipta sebuah tabel
Di bawah ini Contoh Tabel yang saya buat untuk mempromosikan website yang saya kelola
| NO | NAMA SITUS | OWNER | JENIS USAHA |
| 1 | pulsamurahmu.com | HAYARDIN,S.Pd | BISNIS PULSA ELEKTRIK |
| 2 | pulsaonlineku.com | HAYARDIN,S.Pd | BISNIS PULSA ELEKTRIK |
| 3 | carabisnispulsa.com | HAYARDIN,S.Pd | BISNIS PULSA ELEKTRIK |
| 4 | carajualpulsa.com | HAYARDIN,S.Pd | BISNIS PULSA ELEKTRIK |
| 5 | usaha-pulsa.com | HAYARDIN,S.Pd | BISNIS PULSA ELEKTRIK |
Untuk membuat Tabel di dalam Postingan Anda seperti Tabel di atas, silahkan Anda Copy Paste Kode HTML di bawah ini, ingat pada saat Paste Kode HTML, pastikan Anda berada pada posisi HTML bukan pada posisi Compose. Di bawah ini Kode HTML nya yang bisa Anda Copy
Mari kita sama sama perhatikan Kode HTML di atas
Kode <center> pada baris pertama dan kode </center> pada baris paling akhir berfungsi untuk membuat Tabel di dalam postingan kita nantinya akan berada pada bagian tengah Postingan Blog
- Pada Baris ke dua Anda akan melihat Kode seperti di bawah ini
Kode <table merupakan Tag pembuka dari Table, dimana di dalam Elemen Tabel ini saya menambahkan variasi dengan memberikan warna pada baris dan kolom tabel kita nantinya. Kode #696969 berfungsi untuk memberikan warna pada pada garis tabel dan angka 2 berfungsi untuk memberikan Ketebalan Garisnya sedangkan width: 580px berfungsi untuk mengatur lebar Tabel kita nantinya
- Pada baris ke 5 Anda akan melihat Kode seperti di bawah ini
Kode <td merupakan Tag pembuka untuk membuat sebuah kolom. Kode #A5FF8A merupakan kode warna HTML untuk memberikan warna pada kolom yang kita buat. Kode " style="text-align: center berfungsi untuk membuat tulisan yang kita isi pada kolom ini nantinya berada di tengah, sedangkan width="auto" untuk mengatur lebar kolom, kita memilih Auto agar lebar kolom menyesuaikan dengan Jumlah Karakter huruf yang disikan pada kolom. Tulisan NO bisa Anda ganti sesuai dengan yang Anda inginkan
Untuk membuat Baris pada sebuah tabel maka elemen <td> harus di apit oleh elemen tag pembuka <tr> dan tag penutup </tr> agar tercipta sebuah Tabel yang lengkap, Anda bisa melihat penerapannya pada kode HTML di atas pada baris ke empat
Bagaimana, Apakah Anda sudah mendapat sedikit gambaran mengenai bagaimana Cara Membuat Tabel di dalam Postingan Blog ? Jika Ada yang kurang jelas, mari kita sama sama diskusikan pada kolom komentar di bawah ini sambil ngopi bareng...
Happy Blogging dan salam SUKSES !
Posting Komentar untuk "Cara Membuat Tabel di dalam Postingan Blog"
Terimakasih Sudah Membaca Artikel Dalam Blog www.hayardin.com
Silahkan Tinggalkan Komentar Karena Komentar Anda adalah inspirasi saya untuk membuat goresan dalam blog ini...
Saya akan sangat berterima kasih dan menghormati Anda jika tidak melakukan SPAM. Kritik dan saran yang membangun akan saya terima dengan senang hati...
Salam SUKSES !
Hayardin, S.Pd