Thursday, 7 April 2016

Cara Mudah Membuat Tabel Dalam Posting Blog Lengkap Dengan Gambar


Membuat sebuah tabel ke dalam postingan blog untuk keperluan tertentu memang sangat diperlukan namun ada banyak caranya untuk membuat tabel tersebut ke dalam posting blog namun pada kesempatan ini saya akan menjelaskannya cara membuat tabel dalam postingan blog dengan menggunakan script html dan tentunya mudah untuk di pahami.

Buat master nya blogger mungkin cara membuat tabel dalam postingan blog seperti ini sudah makanan sehari-hari alias sudah diluar kepala hehe, namun bagaimana jika bagi seorang pemula blogger? Tentu nya yang pasti bingung dan tidak tau bagaimana cara membuat atau menempatkan sebuah tabel dalam postingan blog.

Baca Juga :

Tapi bagi anda pemula blogger jangan khawatir karena pada tutorial ini saya akan membagikan bagaimana cara membuat tabel ke dalam postingan blog atau di dalam artikel blog. Fungsi atau kegunaan dari tabel tersebut adalah Sama halnya seperti pada microsoft word atau excel yaitu untuk menata agar lebih teratur dan rapi artikel seperti membuat spesifikasi komputer, smartphone dan sebagainya, atau pun untuk keperluan lainnya sesuai apa yang diinginkan.

Untuk membuat tabel dalam postingan blog kita hanya membutuhkan script atau kode html, dan saya rasa kode html untuk membuat tabel dalam posting tidak lah sulit dan mudah dipahami terutama bagi pemula blogger. Untuk itu langsung saja kita terapkan caranya.

1. Langkah pertama adalah copy dan paste kan kode dibawah pada postingan anda. Sebagai contoh pada script dibawah saya mencoba membuat spesifikasi sebuah smartphone, untuk itu berikut scriptnya :
<table border="1" style="width: 650px;"><tbody>
<tr>
<td bgcolor="04B4AE" colspan="2" style="text-align: left;"><div style="text-align: left;">
<span style="color: black;"><b>SPESIFIKASI SMARTPHONE MEIZU M-2</b></span></div>
</td>
</tr>
<tr>
<td bgcolor="ffffff" width="150px">Processor</td>
<td bgcolor="ffffff" width="600px">Mediatek MT6735, Quad-core 1.3 GHz Cortex-A53 </td></tr>
<tr>
<td bgcolor="81F7F3" width="150px">Memory</td>
<td bgcolor="81F7F3" width="600px">Internal 16GB (microSD up to 128GB)</td></tr>
<tr>
<td bgcolor="ffffff" width="150px">RAM</td>
<td bgcolor="ffffff" width="600px">2 GB Ram</td></tr>
<tr>
<td bgcolor="81F7F3" width="150px">Sistem Operasi(OS)</td>
<td bgcolor="81F7F3" width="600px">Android OS, v5.1 (Lollipop)</td></tr>
<tr>
<td bgcolor="ffffff" width="150px">Tipe Layar</td>
<td bgcolor="ffffff" width="600px">IPS LCD, 5.0 inches 720 x 1280 pixels </td></tr>
<tr>
<td bgcolor="81F7F3" width="150px">Konektivitas</td>
<td bgcolor="81F7F3" width="600px">Dual Sim, 3G, 4G LTE, Bluetooth, GPS, microUSB, USB Host</td></tr>
<tr>
<td bgcolor="ffffff" width="150px">Kamera Depan</td>
<td bgcolor="ffffff" width="600px">5 MP</td></tr>
<tr>
<td bgcolor="81F7F3" width="150px">Kamera Belakang</td>
<td bgcolor="81F7F3" width="600px">13 MP, 4208 x 3120 pixels, autofocus, LED flash</td></tr>
<tr>
<td bgcolor="ffffff" width="150px">Baterai</td>
<td bgcolor="ffffff" width="600px">Non-removable 2500 mAh</td></tr>
<tr>
<td bgcolor="81F7F3" width="150px">Harga</td>
<td bgcolor="81F7F3" width="600px">Rp. 1.500.000</td></tr>
</tbody></table>
Keterangan :
  • bgcolor : warna baris pada dalam tabel (anda bisa menyesuaikan sendiri sesuai kebutuhan)
  • colspan="2" : fungsinya seperti mager cell pada microsoft word yaitu untuk menggabungkan kolom
  • width : ukuran panjang kolom (anda bisa menyesuaikan sendiri sesuai kebutuhan)

2. Kemudian paste kan script tersebut pada postingan blog anda dengan membuat "Entri Baru" kemudian pilih "HTML" dan pastekan dibawahnya. Untuk lebih jelas lihat gambar dibawah ini.


Tambahan :
Silahkan copy dan paste script tersebut dalam postingan blog anda yang ingin membuat tabel, dan untuk keterangan smartphone seperti pada contoh script html saya diatas silahkan anda ganti sesuai kebutuhan anda. Dan untuk menambahkan baris lagi kebawah anda tinggal mencopy saja atau ingin mengurangi jumlah baris maka anda cukup menghapus nya perbaris.

Demikianlah tutorial cara membuat tabel dalam postingan blog, dengan begini artikel yang kita buat akan menjadi lebih rapi terutama untuk artikel-artikel tentang spesifikasi gadget atau untuk keperluan lainnya. Untuk itu selamat mencoba dan semoga bermanfaat, sekian.

Artikel Terkait


EmoticonEmoticon