Cara Membuat Tabel Spesifikasi di Blog

Ada salah satu rekan Blogger saya yang request Cara Membuat Tabel Spesifikasi di Blog, dan kali ini admin akan memberikan sebuah script tabel spesifikasi, yang dimana tabel ini banyak di gunakan untuk menilai spesifik barang tersebut. sebenarnya dengan cara membuat Tabel spesifikasi ini pengunjung lebih mudah, menilai barang tersebut.

Gambar Label Spesifikasi Barang

Anda bisa memasang Label tersebut kedalam postingan Blog anda, dengan menaruh Script tabel tersebut. kedalam isi HTML . Silahkan anda copy semua script Tabel spesifikasi di bawah ini;

Code Script
<table style="border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 16px; height: auto; margin: 10px 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 569px;"><thead style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><th colspan="2" style="background: rgb(39, 222, 85); border: 3px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; text-align: center; vertical-align: baseline;"><h2 style="border: 0px; font-size: 17px; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white;">
Tabel Spesifikasi</span></h2>
</th></tr>
</thead><tbody style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Ukuran (L x W x H mm)</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><span style="color: #666666;"><b>----------------------------------------------------------</b></span></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><span style="border: 0px; color: #666666; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b>Tipe Grafis</b></span></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Ukuran Layar</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Tipe Layar</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><span style="border: 0px; color: #666666; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b>Resolusi Layar</b></span></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">OS</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Processor</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td rowspan="2" style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Memori/RAM</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Drive Optik</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Storage</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Koneksi</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Webcam</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">HDMI</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td rowspan="2" style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Audio</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td rowspan="8" style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Slot</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Baterai</span></b></td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;"><br /></span></b></td></tr>
</tbody></table>
<div style="border: 0px; font-size: 16px; line-height: 28px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px 3px; text-align: justify; vertical-align: baseline;">
<b><span style="color: #666666;"><br /></span></b></div>
<table style="border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 16px; height: auto; margin: 10px 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 569px;"><thead style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><th style="background: rgb(39, 222, 85); border: 3px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; text-align: left; vertical-align: baseline;"><h2 style="border: 0px; font-size: 17px; margin: 5px 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="color: #666666;">
Harga Barang</span></h2>
</th></tr>
</thead><tbody style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Harga Baru : Rp. &nbsp;</span></b></td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Harga Baru : Rp.&nbsp;</span></b></td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"><b><span style="color: #666666;">Harga Bekas :-</span></b></td></tr>
</tbody></table>
<div style="border: 0px; font-size: 16px; line-height: 28px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px 3px; text-align: justify; vertical-align: baseline;">
<br /></div>
Demikian Kali ini semoga dengan cara ini cukup bermanfaat bagi kalian semua oke, silahkan berkomentar jika ada kurang jelas, "terimakasih"

Belum ada Komentar untuk " Cara Membuat Tabel Spesifikasi di Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel