Cara Membuat Tabel di dalam Postingan Blog

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.

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

NONAMA SITUSOWNERJENIS USAHA
1pulsamurahmu.comHAYARDIN,S.PdBISNIS PULSA ELEKTRIK
2pulsaonlineku.comHAYARDIN,S.PdBISNIS PULSA ELEKTRIK
3carabisnispulsa.comHAYARDIN,S.PdBISNIS PULSA ELEKTRIK
4carajualpulsa.comHAYARDIN,S.PdBISNIS PULSA ELEKTRIK
5usaha-pulsa.comHAYARDIN,S.PdBISNIS 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 !


Silahkan masukkan email Anda di bawah ini Untuk mendapatkan update artikel GRATIS dari HAYARDIN.COM yang akan langsung masuk ke Inbox E-mail Anda

Enter your email address:

Silahkan Masukkan Alamat Email Anda dibawah ini Untuk Mendapatkan Artikel Terbaru dari www.hayardin.com di Inbox E-mail Anda :

0 Response to "Cara Membuat Tabel di dalam Postingan Blog"

Posting Komentar

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