Cara Membuat Tabel Thumbnail Di Blog Untuk Bisnis Online

Membuat tabel di blog tentunya sangat diperlukan jika sewaktu waktu kita akan memposting sebuah artikel yang berhubungan dengan penyisipan gambar, metode pengklasifikasian sebuah benda, artikel yang mendefinisikan sebuah perbandingan, dsb. Namun seperti kita ketahui bahwa blogger untuk sementara ini tidak menyediakan fasilitas untuk membuat tabel di dalam fitur mereka. Karena itu kita sendiri yang harus membuat tabel tersebut dengan cara menyisipkan kode HTML yang dibuat secara manual.

Untuk anda yang suka bertukar link sesama blogger cara ini mungkin bisa dipakai. Atau mungkin untuk anda yang berniat membuka bisnis online menggunakan tabel manual, cara ini juga relatif mudah untuk digunakan. Syaratnya, anda mempelajari terlebih dahulu kode html dasar. Tenang, saya sudah punya cara belejar dasar untuk mengenal kode HTML dengan mudah. Silahkan baca disini: Belajar Kode HTML Dasar

Baiklah, kita langsung membahasa bagaimana caranya membuat tabel di postingan blog, Pertama tama anda lihat kode dasar membuat tabel di bawah 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 berwarna Hijau, anda isi dengan judul yang anda inginkan
• URL Gambar yang berwarna Biru, anda isi dengan link URL gambar yang sudah anda simpan di situs penyedia penyimpanan gambar (atau untuk lebih mudah anda cari saja di Google)

Nah, cara penerapannya di postingan blog, anda ikuti cara-cara berikut ini:

1. Login ke akun Blogger 
2. Pilih Post, kemudian pilih mode HTML (bukan mode Compose)
3. Kemudian sebagai contoh Anda copy-paste script di bawah ini di mode HTML tadi:


<center>
<table border="1" style="width: 500px;"><caption align="top"><b>Tabel 1. Daftar Blogger</b></caption>
<tbody>
<tr align="center"><th>No.</th> <th>Nama Blog</th> <th>URL Blog </th> <th>Logo/ Screenshoot Blog</th></tr>
<tr align="center"><td>1.</td> <td>Endolita</td> <td>http://endolita.blogspot.com</td><td><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/11111_zps6cb421b7.jpg~original" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/11111_zps6cb421b7.jpg~original" height="100" width="100" /></a></td></tr>
<tr align="center"><td>2.</td> <td>Sarewelah</td> <td>http://sarewelah.blogspot.com</td><td><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/sarewelah_zps4e96c7de.jpg~original" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/sarewelah_zps4e96c7de.jpg~original" height="100" width="100" /></a></td></tr>
<tr align="center"><td>3.</td> <td>Adesense Blogger Templates</td> <td>http://adsense-bloggertemplate.blogspot.com/</td><td><a href="http://i880.photobucket.com/albums/ac8/tikulerz/icon/templatebloggeer_zps2777bf68.jpg~original" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://i880.photobucket.com/albums/ac8/tikulerz/icon/templatebloggeer_zps2777bf68.jpg~original" height="100" width="100" /></a></td></tr>
</tbody></table>
</center>

Catatan: 

• Ganti tulisan berwarna Hijau dengan nama blog anda
• Ganti tulisan berwarna Merah dengan URL blog anda
• Ganti tulisan berwarna Biru dengan URL gambar anda


4. Terakhir, klik Publikasikan

Hasilnya akan seperti Tabel di bawah ini:

Tabel 1. Daftar Blogger

No.	Nama Blog	URL Blog	Logo/ Screenshoot Blog
1.	Endolita	http://endolita.blogspot.com
2.	Sarewelah	http://sarewelah.blogspot.com
3.	Adsense Blogger Templates	http://adsense-bloggertemplate.blogspot.com/

Nah, untuk anda yang suka dengan desain tabel untuk Jual Beli Online mungkin script di bawah ini adalah contohnya:

<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:

• Ganti tulisan berwarna Hijau dengan warna background tabel anda
• Ganti tulisan berwarna Merah dengan nama judul/ produk yang anda inginkan
• Ganti tulisan berwarna Biru dengan URL gambar anda

Hasilnya akan seperti 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,-

Itulah sekilas pemahaman saya tentang cara membuat tabel di postingan blog. Semoga artikelnya bermanfaat. Cari artikel menarik lainnya di bawah ini:

Share :