Kamis, 19 Desember 2013

Cara Membuat Table Di Postingan/Artikel Blog



Versi 1
 

kolom 1 kolom 2

"Lebar kolom akan otomatis menyesuaikan dengan panjangnya tulisan"

Kode Versi 1
<table border=”1″ width=”100%”>

<tr>

<td width=”30%”>kolom 1</td> <td>kolom 2</td>

</tr>

</table>
Catatan: rubah Kolom 1 dan Kolom 2 dengan "Terserah Anda"
Bila ingin membuat baris baru lagi dibawahnya copy kode yang berwarna merah tepat dibawah </tr> yang terakhir

Versi 2

OST AnimeVersiLink
Naruto Full Download
Bleach Full Download
Fairy Tail Full Download

"Sama seperti versi 1 lebar kolom akan menyesuaikan otomatis"

Kode Versi 2
<table border="1" style="width: 500px;">
    <tbody>
<tr bgcolor="#F2F2F2">
    <td align="center"><b>OST Anime</b></td><td align="center"><b>Versi</b></td><td align="center"><b>Link</b></td>
    </tr>
<tr>
    <td align="center" style="width: 100px;">Naruto</td>
    <td align="left" style="width: 300px;">Full </td>
    <td align="center" style="width: 100px;">Download</td>
    </tr>
<tr>
    <td align="center" style="width: 100px;">Bleach</td>
    <td align="left" style="width: 300px;">Full </td>
    <td align="center" style="width: 100px;">Download</td>
    </tr>
<tr>
    <td align="center" style="width: 100px;">Fairy Tail</td>
    <td align="left" style="width: 300px;">Full </td>
    <td align="center" style="width: 100px;">Download</td>
    </tr>

</tbody></table>
Keterangan:
  • 500 px adalah angka yang sudah dijumlahkan dari kode yang berwarna merah
  • 100 px pertama lebar kolom kiri
  • 300 px lebar kolom tengah
  • 100 px terakhir lebar kolom kanan 
Catatan:
  • Untuk menambahkan baris baru copy kode yang berwarna BIRU tepat dibawah </tr> yang terakhir
  • Untuk merubah keterangan kolom bisa langsung melalui Compose

0 komentar:

Posting Komentar

Breaking News
Loading...
Quick Message
Press Esc to close
Copyright © 2013 Blog Hendra All Right Reserved