MASIGNALPHAS2101
6241506638334725908

Cara Membuat Tabel Di Blogspot

Cara Membuat Tabel Di Blogspot
Add Comments
5/23/2013
Cara Membuat Tabel Di Blogspot
Cara Membuat Tabel Di Blogspot
Cara yang akan saya coba share berikut ini adalah sebuah cara membuat tabel yang dihasilkan dari serangkaiann kode HTML. Saya hanya melakukan sedikit pengeditan ketika mencoba membuat sebuah tabel daftar harga, anda bisa melihat hasilnya dengan mengklik tautan link berikut ini: daftar harga motor Honda terbaru. Hasil ahir dari pembuatan tabel tersebut saya rasa cukup memuaskan juga, dan dengan mudah dapat saya buat.

Untuk selanjutnya kini giliran saya untuk berbagi pengalaman cara membuat tabel di blogspot ini kepada anda. Untuk membuat tabel ini, mula-mula copy paste dulu kode berikut ini.


<table align="left" bgcolor="cyan" border="2" cellpadding="5" cellspacing="0" style="height: 708px; width: 400px;"><br />
<caption align="top"><b>Daftar Harga Motor HONDA Terbaru</b></caption></table>


Dan hasilnya akan menjadi seperti berikut ini

Daftar Harga Motor HONDA Terbaru



Kemudian tambahkann kode berikut ini ke dalam kode di atas


<tbody><br />
<tr bgcolor="fuchsia"><br />
<th colspan="2">Daftar Harga Motor Honda</th><br />
</tr>
</tbody>


Dan hasilnya akan seperti ini


Daftar Harga Motor HONDA Terbaru
Daftar Harga Motor Honda




Lalu gabungkan kode berikut ini kedalam kedua kode yang berada di atas tadi


<tr bgcolor="Grey"><br />
<td>VARIO TECHNO CBS ISS.</td><br />
<td>RP.16.300.000.</td><br />
</tr>
<br />
<tr bgcolor="Grey"><br />
<td>SCOOPY F1.</td><br />
<td>RP.13.925.000</td><br />
</tr>
<br />
<tr bgcolor="Grey"><br />
<td>SPACY CW HELM IN.</td><br />
<td>RP.13.075.000.</td><br />
</tr>

Hasilnya jadi seperti ini:


Daftar Harga Motor HONDA Terbaru
Daftar Harga Motor Honda
Type/Merk Harga On The Road
VARIO TECHNO CBS ISS. RP.16.300.000.
SCOOPY F1. RP.13.925.000
SPACY CW HELM IN. RP.13.075.000.








Untuk mengatur lebar tabel, ubahlah nominal angka yang terdapat dalam kode pertama. Atau dengan merubah jumlah width ;569px;nya. Sementara untuk merubah warna silahkan ganti tiap-tiap kode seperti berikut bgcolor="grey". Nah, mudah ya cara membuat tabel di blogspot ini. Dan untuk mempermudah lagi , berikut ini saya lampirkan gabungan keseluruhan kodenya.


<table align="left" bgcolor="cyan" border="<b style="color: red;">2</b>" cellpadding="<b style="color: red;">5</b>" cellspacing="0" style="height: <b style="color: red;">28</b>px; width: <b style="color: red;">569px</b>;"><br />
<caption align="top"><b><b style="color: red;">Daftar Harga Motor HONDA Terbaru</b></b></caption><br />
<tbody><br />
<tr bgcolor="fuchsia"><br />
<th colspan="2"><b style="color: red;">Daftar Harga Motor Honda</b></th><br />
</tr>
<tr bgcolor="<b>Grey</b>"><br />
<th><b style="color: yellow;">Type/Merk</b></th><br />
<th><b style="color: #38761d;">Harga On The Road</b></th><br />
</tr>
<tr bgcolor="<b>Grey</b>"><br />
<br />
    <td><b style="color: red;">VARIO TECHNO CBS ISS</b>.</td><br />
<br />
    <td><b style="color: red;">RP.16.300.000</b>.</td><br />
<br />
    </tr>
<br />
<tr bgcolor="<b>Grey</b>"><br />
<br />
    <td><b style="color: blue;">SCOOPY F1.</b></td><br />
<br />
    <td><b style="color: blue;">RP.13.925.000</b></td><br />
<br />
    </tr>
<br />
<tr bgcolor="<b>Grey</b>"><br />
<br />
    <td><b style="color: purple;">SPACY CW HELM IN.</b></td><br />
<br />
    <td><b style="color: purple;">RP.13.075.000.</b></td><br />
<br />
    </tr>
<br />
</tbody></table>
Silahkan lakukan pengeditan dengan mengganti setiap kata dan angka yang sengaja saya cetak tebal dan saya warnai tersebut dalam kode html cara membuat tabel di blogspot ini. Selamat bereksperimen !!.
Moch Adnan

Seorang Blogger biasa yang hanya sekedar ingin berbagi. Menulis dan mengutak-atik HTML