Cara Mudah Membuat Tabel Dipostingan Blogger Terbaru

Kalian pasti pernah bahkan sering berkunjung ke blog atau situs online shop dan terdapat daftar harga dalam bentuk tabel, Hal ini akan mempermudah pengunjung situs web untuk mencari harga barang yang ia dengan lebih detail. Tabel ini adalah sekumpulan data dan informasi yang tersusun rapi dengan garis pembatas.

Membuat tabel di blog tentunya sangat diperlukan jika kita akan membuat postingan sebuah artikel yang berhubungan dengan daftar harga dan spesifikasi nya, atau artikel yang menginformasikan sebuah perbandingan dan sebagainya. Namun seperti yang kita ketahui fitur blogger belum menyediakan fasilitas untuk membuat tabel di dalam postingan, Oleh karena itu kita sendiri yang harus membuat tabel tersebut dengan cara menyisipkan kode HTML kedalam postingan blog kita.

Bagi anda yang berniat membuka bisnis online menggunakan tabel manual, atau membuat blog tabel harga handphone serta spesifikasi nya, cara ini cukup relatif mudah untuk digunakan. Caranya kalian cukup merubah sedikit Kode-kode HTML nya, dibawah ini saya tunjukkan cara memang nya berikut juga mengedit kode html nya dengan mudah.

Pertama-tama silahkan Copy kode html dibawah ini :

<table border="1">
<tr>
<td>Judul Gambar 1</td>
<td>Judul Gambar 2</td>
</tr>

<tr>
<td>URL Gambar 1</td>
<td>URL Gambar 2</td>
</tr>
</table>

Catatan :

• Judul Gambar yang warna hijau silahkan diganti warnanya sesuai keinginan kalian untuk mengetahui macam-macam kode warna silahkan klik disini
• URL Gambar yang warna merah silahkan isi dengan URL gambar kalian. misal HP

Cara Memasang di Postingan Blog

1. Login ke Blogger Kalian
2. Pilih New Post, Kemudian ganti mode HTML (bukan mode compose)
3. Kemudian kalian copy-paste script nya dibawah ini

<center>
<table border="1" style="width: 500px;">
<caption align="top"><b>Tabel 2. Daftar Harga Android Murah 2015</b></caption>
<tbody>
<tr>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Pro B7510</span></td>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy S I9003</span></td>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Ace S5830</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/galaxyprob7510_zps6a783726.jpg~original" title="Samsung Galaxy Pro B7510"><img alt="Samsung Galaxy Pro B7510" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/galaxyprob7510_zps6a783726.jpg~original" /></a></span>
<br />
Baru : Rp. -<br />
Bekas : Rp. 1.300.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/s19003_zpsb7dcbf66.png~original" title="Samsung Galaxy S I9003"><img alt="Cara Membuat Tabel dan Thumbnail Di Blog Untuk Bisnis Online" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/s19003_zpsb7dcbf66.png~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 1.450.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/aces5380_zps6e65e10c.jpg~original" title="Samsung Galaxy Ace S5830"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/aces5380_zps6e65e10c.jpg~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 1.500.000,-</td>
</tr>
<tr>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Fit S5670</span></td>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Gio S5660</span></td>
<td style="background: #62AC53; text-align: center;"><span style="color: white;">Harga Samsung Galaxy Mini S5570</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/fits5670_zps4efb1f94.jpg~original" title="Samsung Galaxy Fit S5670"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/fits5670_zps4efb1f94.jpg~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 1.200.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/gios5660_zpsdc2c7b94.jpg~original" title="Samsung Galaxy Gio S5660"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/gios5660_zpsdc2c7b94.jpg~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 1.300.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/minis5570_zps13b771ed.jpg~original" title="Samsung Galaxy Mini S5570"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/minis5570_zps13b771ed.jpg~original" /></a></span><br />
Baru : Rp. -<br />
Bekas : Rp. 950.000,-</td>
</tr>
</tbody></table>
</center>

Catatan :

• Kode Warna Merah untuk warna background Tabel
• Kode Warna Hijau untuk Judul tabel
• Kode warna Biru untuk mengganti gambar

Contoh Hasilnya seperti dibawah ini :

Tabel 2. Daftar Harga Android Murah 2015

Harga Samsung Galaxy Pro B7510	Harga Samsung Galaxy S I9003	Harga Samsung Galaxy Ace S5830
Baru : Rp. - Bekas : Rp. 1.300.000,-	Baru : Rp. - Bekas : Rp. 1.450.000,-	Baru : Rp. - Bekas : Rp. 1.500.000,-
Harga Samsung Galaxy Fit S5670	Harga Samsung Galaxy Gio S5660	Harga Samsung Galaxy Mini S5570
Baru : Rp. - Bekas : Rp. 1.200.000,-	Baru : Rp. - Bekas : Rp. 1.300.000,-	Baru : Rp. - Bekas : Rp. 950.000,-

Mantabkan hasilnya. hehehe  jika ada yang masih belum difahami, silahkan tinggalkan pesan dikomentar, selamat mencoba.

Share this post