Yahya Effect

Berbagi Info, Tips Seputar Blogging & Internet

Friday, October 6, 2017

Cara Gampang Membuat Tabel di Blogger

Cara Mudah Membuat Tabel di Blogger


Dalam menulis artikel tidak selamanya kita hanya memasukkan tulisan dan gambar saja. Untuk membuat tampilan yang lebih menarik membentuk atau membuat tabel. Table biasanya digunakan agar kita mudah untuk membaca suatu data, selain itu juga dapat digunakan jika kita ingin menampilkan artikel atau tulisan menjadi dua blok atau beberapa bagian tertentu. Cara pembuatan table di blog sangat mudah, kita hanya perlu mengetahui elemen elemen dasar tentang kode kode html. Apa bila ingin menambah warna anda hanya perlu menambahkan sedikit CSS mau agan buat inline atau embeded terserah, sesuaikan saja dengan kebutuhan.


 Silakan simak cara buat tabel di postingan dengan mengikuti langkah-langkah yang ada dibawah ini:


1.Pada tampilan entri blogger klik 'HTML'

 

2. Masukkan kode berikut

<table border="1" style="width: 100%px;">
<tbody>
<tr><th>Table Heading</th><th>Table Heading</th></tr>
<tr><td colspan="2">dengan 2 kolom</td></tr>
<tr><td rowspan="2">dengan dua baris</td><td>1 sell</td></tr>
<tr><td>1 sell</td></tr>
</tbody></table>

3. Tampilan pada compose akan seperti berikut

Table HeadingTable Heading
dengan 2 kolom
dengan dua baris1 sell
1 sell

3. keterangan untuk memahami script diatas

  1. <th>, dimaksudkan sebagai heading suatu tabel.
  2. <tr>, dimaksudkan sebagai baris.
  3. <td>, dimaksudkan sebagai cell
  4. width:100p%, dimaksudkan untuk menentukan lebarnya 100% dari lebar pos atau artikel yang ada anda juga bisa mengganti dengan 25px menggunakan pixel tidak saya sarankan karena tampilan artikel ketika tidak bisa responsiv.
  5. colspan='2', artinya akan menggunakan dua kolom.
  6. rowspan='2', artinya akan menggunakan dua baris.

Apabila ingin menambah kolom menjadi 3 gunakan script yang di bawah ini
<table border="1" style="width: 100%px;">
<tbody>
<tr><th>Table Heading</th><th>Table Heading</th><th>Table Heading</th></tr>
<tr><td colspan="2">dengan 2 kolom</td><td>kolom tambahan</td></tr>
<tr><td rowspan="2">dengan dua baris</td><td>1 sell</td><td>kolom tambahan</td></tr>
<tr><td>1 sell</td><td>kolom tambahan</td></tr>
<tr><td>baris tambahan</td><td>baris tambahan</td><td>baris tambahan</td></tr>
</tbody></table>

Tampilan tabel dengan jumlah kolom 3

Table HeadingTable HeadingTable Heading
dengan 2 kolomkolom tambahan
dengan dua baris1 sellkolom tambahan
1 sellkolom tambahan
baris tambahanbaris tambahanbaris tambahan

Demikian tutorial membuat tabel di blogspot, caranya sangat mudah bukan? jika mengalami kesulitan jangan ragu untuk bertanya karena malu bertanya sesat di jalan. Semoga Bermanfaat

No comments:

Post a Comment