Cara Membuat Tabel Pada Posting Blog

Assalamualaikum w.w. Cukup lama tidak menulis di blog ini, bagaimana kabar kawan kawan sekalian, semoga sehat selalu. Beberapa waktu yang lalu saya searching cara membuat tabel di posting blog karena memang pengen di sebuah posting blog ada tabel tabelnya. Kalau kita pernah kunjungi web toko online biasanya dikasih tabel tuh terkait spesifikasi produk, harga, ukuran, kategori dan macam macam yang lain sesuai selera yang buat. Saya juga berminat mencoba disebuah posting juga ada tabel tabelnya maka saya coba buat diposting blog dan hasilnya lumayan, tidak jelek jelek amat. kalau kawan kawan mau lihat hasilnya / contohnya coba kunjungi link berikut :
Tertarik untuk bikin juga ?, tinggal di searching di mbah google, all you need already there.
Cara Membuat Tabel Pada Posting Blog




Berikut cara yang saya lakukan untuk membuat tabel pada posting blog yaitu pada blog yang di sample 1 dan sample 2. Tag dasarnya lebih kurang tag <table>, <td> dan <tr>. Bentuknya kira kira seperti dibawah ini :

 

Adapun bentuk kode yang dimuat/ditulis adalah sebagai berikut :

<table border="0" cellpadding="6" style="background: #FOF8FF; width: 340px;" text-align:justify="">
  <tbody>
<tr>
  <td bgcolor="#FOF8FF" style="background: #ffff;">Category</td>
  <td bgcolor="#FOF8FF" style="color: blue;">Video And Converter </td>
</tr>
<tr>
 <td bgcolor="#F5F5F5" style="text-align: justify;">Developer</td>
  <td bgcolor="#F5F5F5" style="color: blue;">Jet Audio Inc </td>
</tr>
<tr>
 <td bgcolor="#FOF8FF" style="text-align: justify;">Download Capacity</td>
  <td bgcolor="#FOF8FF" style="color: blue;">37.11 Megabytes</td>
</tr>
<tr>
  <td bgcolor="#F5F5F5" style="text-align: justify;">Software Licence</td>
  <td bgcolor="#F5F5F5"><span style="color: red;">Freeware</span></td>
</tr>
<tr>
  <td bgcolor="#FOF8FF" style="text-align: justify;">Operating System</td>
  <td bgcolor="#FOF8FF"><span style="color: blue;">Windows XP/Vista/7/8</span></td>
</tr>
</tbody></table>

Tinggal copy dan paste kode diatas dan masukan dalam postingan (diposisi HTML), kalau diblogger dipojok kiri atas ada 2 tab yaitu compose dan HTML, nah pastekan kodenya didalam form HTML (klik dulu tab HTML, paste disana). 
Sudah selesai tabel yang mau kita buat di posting blog. Untuk kode yang berwarna merah adalah warna background, bisa diganti sesuai selera, sedangkan warna biru adalah keterangan dalam tabel yang mau kita isikan tinggal disesuaikan dengan keperluan.
Selain cara diatas masih terdapat alternatif lain untuk membuat tabel pada posting blog, misalnya dengan menggunakan bantual dari microsoft word, dimana tabelnya dibuat terlebih dahulu dan setelah selesai disave as ke format web. Detailnya belum saya buat karena memang kemaren nyobanya pakai cara diatas, lain kali mungkin akan ditambahkan.
Demikian posting kali ini semoga bermanfaat, selamat mencoba.




Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Copyright © 2011. MineTutor - All Rights Reserved
Template Created by Creating Website
Proudly powered by Blogger