Cara Menciptakan Tabel Di Postingan Blogger Panduan Lengkap Terbaru
Cara Membuat Tabel Di Postingan Blogger Panduan Lengkap Terbaru - apa kabar para pembaca mamang obet ? biar baik baik saja , pada kesempatan ini mamang akan membahas cara menciptakan tabel di postingan blog dengan gampang . pastinya teman pernah berkunjung ke blog toko online atau spesifikasi teknologi ? biasanya di sana tertera daftar harga yang berbentuk tabel .
Maka kesudahannya akan menjadi :
Untuk menambahkan 2 kolom lagi dibawahnya cukup menambahkan aba-aba dibawah ini diatas kode </table> :
Setelah ditambahkan maka kodennya nampak ibarat ini :
Dan hasilnnya akan menjadi ibarat dibawah ini :
Untuk menambahkan 2 kolom tabel dibawahnya lagi silahkan tambahkan aba-aba lagi ibarat diatas.
Maka kesudahannya menjadi :
Seperti tadi, untuk menambahkan 3 kolom lagi dibawahnya tambahkan aba-aba ini di atas kode </table> :
Maka penampakan kodenya menjadi ibarat :
Dan kesudahannya menjadi :
Untuk menambahkan 3 kolom tabel lagi dibawahnya, silahkan tambahkan <td>blablabla</td> ibarat klarifikasi aku diatas.
Untuk memakai merge cell kita perlu menambahkan cosplan dan rowspawn.
Contoh Kode :
Dan kesudahannya menjadi :
Sebagai contoh, aku akan memberi warna merah pada teks dalam tabel 2 kolom. Cukup dengan memasukkan aba-aba ibarat di atas pada teks yang akan diberi warna.
Maka kesudahannya akan ibarat di bawah ini.
Maka kesudahannya akan ibarat di bawah ini :
Silahkan teman edit sendiri kode-kode yang telah aku berikan, untuk diterapkan dalam postingan blog sobat. Sekian dulu artikel Cara Membuat Tabel Di Postingan Blogger Panduan Lengkap Terbaru , Semoga Bermanfaat Bagi Anda :) .
Hal ini untuk mempermudah bagi pengunjungnya untuk mencari harga barang yang ia cari .Tabel adalah sekumpulan data atau isu yang tersusun dengan garis pembatas.
Tabel tidak hanya mempunyai kegunaan untuk menampilkan harga pada blog online shop . tapi Tabel juga sanggup mempunyai kegunaan untuk menampilkan suatu isu atau keterangan tertentu. Sehingga dengan tabel ini pengunjung sanggup lebih gampang untuk mendapat isu dari postingan kita. Kita sanggup menciptakan tabel dengan memakai software ibarat microsoft word atau microsoft excel. Namun, tentunya hal tersebut menciptakan kita agak ribet sebab harus menulis disoftware kemudian memindahkannya di postingan Blogger.
Elemen dasar HTML menciptakan table itu yaitu <table></table>. Nah , pada kesempatan ini mamang akan membahasnya secara rinci di artikel ini memakai aba-aba HTML .
Cara Membuat Tabel Di Postingan Blog
Untuk memasukan tabel / menciptakan tabel di postingan blog , silahkan ganti mode compose ke mode HTML .
Pembuatan Tabel 2 Kolom
Masukkan aba-aba dibawah ini & pastikan anda dalam mode HTML
<table> <tr> <td>Contoh Kolom 1 A</td> <td>Contoh Kolom 1 B</td> </tr> </table>Maka kesudahannya akan menjadi :
| Contoh Kolom 1 A | Contoh Kolom 1 B |
Untuk menambahkan 2 kolom lagi dibawahnya cukup menambahkan aba-aba dibawah ini diatas kode </table> :
<tr> <td>Contoh Kolom 2 A </td> <td>Contoh Kolom 2 B </td> </tr>Setelah ditambahkan maka kodennya nampak ibarat ini :
<table> <tr> <td>Contoh Kolom 1 A </td> <td>Contoh Kolom 1 B </td> </tr> <tr> <td>Contoh Kolom 2 A </td> <td>Contoh Kolom 2 B </td> </tr> </table>Dan hasilnnya akan menjadi ibarat dibawah ini :
| Contoh Kolom 1 A | Contoh Kolom 1 B |
| Contoh Kolom 2 A | Contoh Kolom 2 B |
Untuk menambahkan 2 kolom tabel dibawahnya lagi silahkan tambahkan aba-aba lagi ibarat diatas.
Pembuatan Tabel 3 Kolom
Untuk pembuatan tabel 3 kolom cukup menambahkan <td>nama tabel</td>, coba masukkan aba-aba dibawah ini pada mode html :
<table> <tr> <td>Contoh Kolom 1A</td> <td>Contoh Kolom 1B</td> <td>Contoh Kolom 1C</td> </tr> </table>Maka kesudahannya menjadi :
| Contoh Kolom 1A | Contoh Kolom 1B | Contoh Kolom 1C |
Seperti tadi, untuk menambahkan 3 kolom lagi dibawahnya tambahkan aba-aba ini di atas kode </table> :
<tr> <td>Contoh Kolom 2A</td> <td>Contoh Kolom 2B</td> <td>Contoh Kolom 2C</td> </tr>Maka penampakan kodenya menjadi ibarat :
<table> <tr> <td>Contoh Kolom 1A</td> <td>Contoh Kolom 1B</td> <td>Contoh Kolom 1C</td> </tr><tr><td>Contoh Kolom 2A</td> <td>Contoh Kolom 2B</td> <td>Contoh Kolom 2C</td> </tr> </table>
Dan kesudahannya menjadi :
| Contoh Kolom 1A | Contoh Kolom 1B | Contoh Kolom 1C |
| Contoh Kolom 2A | Contoh Kolom 2B | Contoh Kolom 2C |
Untuk menambahkan 3 kolom tabel lagi dibawahnya, silahkan tambahkan <td>blablabla</td> ibarat klarifikasi aku diatas.
Cara Menggunakan Merge Cell Pada Tabel Postingan Blog :
Contoh Kode :
<table> <tr> <td colspan="2">mergecell1</td> <td>merge1</td> </tr> <tr> <td>merge2a</td> <td rowspan="2">mergecell2</td> <td>merge2b</td> </tr> <tr> <td>merge3a</td> <td>merge3b</td> </tr> </table>Dan kesudahannya menjadi :
| mergecell1 | merge1 | |
| merge2a | mergecell2 | merge2b |
| merge3a | merge3b | |
Cara Membuat Warna Pada Tabel
Supaya tabel lebih menarik, kita sanggup memberi warna pada tabel. Kita bisa memberi warna pada teks dalam tabel, ataupun pada background tabel. Dengan memberi warna, pengunjung akan lebih tertarik dan tidak gampang bosan untuk membaca artikel di blog kita. Berikut cara gampang memberi warna pada tabel.
Untuk memberi warna pada teks dalam tabel, kita hanya perlu menambahkan aba-aba style='color:warna' di dalam tag <td> sehingga menjadi <td style='color:warna'>
Cara Memberi Warna pada Teks Tabel
Ganti warna dengan nama warna yang diinginkan atau dengan aba-aba warna html
Sebagai contoh, aku akan memberi warna merah pada teks dalam tabel 2 kolom. Cukup dengan memasukkan aba-aba ibarat di atas pada teks yang akan diberi warna.
<table> <tbody> <tr> <td style="color: red;">Contoh Kolom 1 A</td> <td>Contoh Kolom 1 B</td> </tr> </tbody></table> Maka kesudahannya akan ibarat di bawah ini.
| Contoh Kolom 1 A | Contoh Kolom 1 B |
Cara Memberi Warna Pada Backround Tabel
Hampir sama dengan cara memberi warna pada teks tabel, untuk memberi warna pada background tabel, kita hanya perlu menambahkan kode style='background-color:warna' di dalam tag <td> yang akan diberi warna, sehingga menjadi <td style='background-color:warna'>
Sebagai contoh, aku akan memberi warna merah pada background dalam tabel 2 kolom.
Sebagai contoh, aku akan memberi warna merah pada background dalam tabel 2 kolom.
<table> <tr> <td style='background-color:red'>Contoh Kolom 1 A</td> <td>Contoh Kolom 1 B</td> </tr> </table>Maka kesudahannya akan ibarat di bawah ini :
| Contoh Kolom 1 A | Contoh Kolom 1 B |
Silahkan teman edit sendiri kode-kode yang telah aku berikan, untuk diterapkan dalam postingan blog sobat. Sekian dulu artikel Cara Membuat Tabel Di Postingan Blogger Panduan Lengkap Terbaru , Semoga Bermanfaat Bagi Anda :) .