Bagaimana ya cara bikin tabel di blog blogger? Mungkin pertanyaan ini pernah muncul di fikiran anda, yah tentunya ini di sebabkan karena artikel atau isi blog kita tersebut memerlukan adanya tabel. Membuat tabel di komputer adalah hal yang mudah karena sudah tersedia banyak program pembuat tabel di komputer seperti excel, calc, dan lain-lain. Lalu bagaimana untuk membuat tabel di blog khususnya blogspot? Meskipun Blogger.com tidak menyediakan fasilitas untuk membuat tabel tapi kita dapat membuat sendiri dengan menambahkan tag table dalam blog.
Untuk lebih jelasnya. Silahkan ikuti petunjuk dibawah ini:
1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:
Keterangan:
<table> merupakan perintah untuk membuat tabel
<tr> merupakan perintah untuk membuat baris
<td> merupakan perintah untuk membuat kolom
border merupakan perintah untuk mengatur ketebalan garis pinggir. Silahkan ganti nilainya sesuai keinginan
Sebagai contoh jika anda memasukkan kode seperti ini.
Untuk lebih jelasnya. Silahkan ikuti petunjuk dibawah ini:
1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:
<table border="1">
<tr>
<td></td> <td></td>
</tr>
</table>
<tr>
<td></td> <td></td>
</tr>
</table>
Keterangan:
<table> merupakan perintah untuk membuat tabel
<tr> merupakan perintah untuk membuat baris
<td> merupakan perintah untuk membuat kolom
border merupakan perintah untuk mengatur ketebalan garis pinggir. Silahkan ganti nilainya sesuai keinginan
Sebagai contoh jika anda memasukkan kode seperti ini.
<table border="1">
<tr>
<td>Konten 1</td> <td>Konten 2</td>
</tr>
</table>
<tr>
<td>Konten 1</td> <td>Konten 2</td>
</tr>
</table>
Maka hasilnya akan menjadi seperti ini:
| Konten 1 | Konten 2 |
Catatan:
Tulisan yang dicetak tebal pada kode diatas merupakan isi dari tabel. Anda bisa menggantinya dengan teks, link, atau gambar.
Jika anda ingin menambah baris baru maka tambahkan kode yang berwarna merah diatas . Contoh:
2. Membuat tabel 2x2 (2 baris 2 kolom) dengan konten teks dan gambar
Maka hasilnya seperti ini:Jika anda ingin menambah baris baru maka tambahkan kode yang berwarna merah diatas . Contoh:
2. Membuat tabel 2x2 (2 baris 2 kolom) dengan konten teks dan gambar
<table border="1">
<tr>
<td>Gambar 1</td> <td>Gambar 2</td>
</tr>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihEFRrf7blEpeLquQud43tASSOiO-WFEutQOkU62-2dk_FhNGeJlODtnIu9bpV5Wn5hGOEQN7WJkPqDZIBqct5phOR4UY4VLQ9_y3M5BJRuKpHv0FT-sqsAL-LYD9qcu4zr7i64Ws3bprL/" /></td> <td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8M5Mswp8v2zTNEagitSUYSWOgkBYH7plS2wKX-8WWbIiASPAmZcc6Zm8FSfPSFhb0TQ_TzzgPTYkftbbh7X1R3RzN2ZM5LyVwvlASJgFniwAnCVOofHXaQbLBkqdxs9jb9wN58WEI72k/" /></td>
</tr>
</table>
<tr>
<td>Gambar 1</td> <td>Gambar 2</td>
</tr>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihEFRrf7blEpeLquQud43tASSOiO-WFEutQOkU62-2dk_FhNGeJlODtnIu9bpV5Wn5hGOEQN7WJkPqDZIBqct5phOR4UY4VLQ9_y3M5BJRuKpHv0FT-sqsAL-LYD9qcu4zr7i64Ws3bprL/" /></td> <td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj8M5Mswp8v2zTNEagitSUYSWOgkBYH7plS2wKX-8WWbIiASPAmZcc6Zm8FSfPSFhb0TQ_TzzgPTYkftbbh7X1R3RzN2ZM5LyVwvlASJgFniwAnCVOofHXaQbLBkqdxs9jb9wN58WEI72k/" /></td>
</tr>
</table>
| Gambar 1 | Gambar 2 |
 |  |
Sekarang kita buat data Tabel secara lengkap dan menyesuaikan dengan lebar halaman postingan
| No | Nama | Usia | Jenis Kelamin | Pekerjaan | Tempat Tinggal | Gaji perbulan |
| 1 | Angga Saputra | 27 thn | Laki-laki | Karyawan | Jakarta | Rp. 2.000.000 |
| 2 | Wayan Mudana | 28 thn | Laki-laki | Atlet | Bali | Rp. 5.000.000 |
| 3 | Susanto | 34 thn | Laki-laki | Wiraswasta | Yogyakarta | Rp. 8.000.000 |
| 4 | Maulana | 18 thn | Laki-laki | Mahasiswa | Makasar | Belum Ada |
| 5 | Adam Ahmad | 29 thn | Laki-laki | Pegawai | Citayem | Rp. 2.500.000 |
| 6 | Yuniwati | 23 thn | Perempuan | Sekretaris | Medan | Rp. 4.000.000 |
| 7 | Dian anggi | 20 thn | Perempuan | Admin | Bekasi | Rp. 1.500.000 |
| 8 | Maharani | 33 thn | Perempuan | Manajer | Bogor | Rp. 6.500.000 |
| 9 | Dewi sartika | 29 thn | Perempuan | Call center | Tangerang | Rp. 3.000.000 |
| 10 | Indah pertiwi | 26 thn | Perempuan | Marketing | Solo | Rp. 2.750.000 |
| No | Nama | Usia | Jenis Kelamin | Pekerjaan | Tempat Tinggal | Gaji perbulan |
| 1 | Angga Saputra | 27 thn | Laki-laki | Karyawan | Jakarta | Rp. 2.000.000 |
| 2 | Wayan Mudana | 28 thn | Laki-laki | Atlet | Bali | Rp. 5.000.000 |
| 3 | Susanto | 34 thn | Laki-laki | Wiraswasta | Yogyakarta | Rp. 8.000.000 |
| 4 | Maulana | 18 thn | Laki-laki | Mahasiswa | Makasar | Belum Ada |
| 5 | Adam Ahmad | 29 thn | Laki-laki | Pegawai | Citayem | Rp. 2.500.000 |
| 6 | Yuniwati | 23 thn | Perempuan | Sekretaris | Medan | Rp. 4.000.000 |
| 7 | Dian anggi | 20 thn | Perempuan | Admin | Bekasi | Rp. 1.500.000 |
| 8 | Maharani | 33 thn | Perempuan | Manajer | Bogor | Rp. 6.500.000 |
| 9 | Dewi sartika | 29 thn | Perempuan | Call center | Tangerang | Rp. 3.000.000 |
| 10 | Indah pertiwi | 26 thn | Perempuan | Marketing | Solo | Rp. 2.750.000 |
| Total pendapatan rata-rata 1 orang perbulan | Rp. 2.000.000 |
Dapatkan berbagai informasi menarik dengan mengunjungi link yang ada dalam blog ini mulai dari bisnis online, lowongan kerja, tips blogging dll. Pilih berdasarkan kategori yang anda minati lalu masukkan kata kuncinya dan klik cari informasi sekarang
Blog ini tidak memiliki kerja sama dengan pihak manapun semua hasil yang didapatkan berasal dari kerja keras penulis mengoptimalkan blog secara berkala. Anda bisa siapapun juga bisa asal ada usaha
Kekayaan sesungguhnya adalah ilmu yang terus di kembangkan tidak pernah bosan belajar hal baru terlebih ilmu itu bermanfaat bagi orang lain. Percayalah ilmu yang anda bagi kepada mereka sampai kapanpun tidak pernah berkurang justru semakin bertambah.
Tidak ada komentar:
Posting Komentar