tutorial ngeblog berita terupdate teknologi seputar wahana inspirasi

Rabu, 21 September 2011

Membuat table yang cantik di blog

| Rabu, 21 September 2011
Kali ini saya akan membahas sedikit cara membuat tabel cantik di blog caranya sangat simple dan sederahana asalkan anda tau membuat syntak buat row cell spanding atau colom tabel  dan sedikit menguasai Html silahkan anda masuk ke blog anda 

  1.  Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
  2. Masuk ke Tab Tata Letak
  3. Pilih Elemen Halaman
  4. Tambah Gadget Pilih HTML / JAVASCRIPT
  5. Dan Copy kode di bawah ini kedalamnya yah
<style type="text/CSS">
table.sample{
          width:60%;
          border-width:3px;
          border-style:outset;
          border-color:brown;
          background-color:brown;
}
table.sample th{
          text-align:center;
          border-width:9px;
          border-style:inset;
          border-color:gray;
          background-color:white;
}
table.sample td{
          text-align:center;
          border-width:1px;
          border-style:inset;
          border-color:blue;
}
</style>
<table class="sample">
<tr
     <th>senin</th>
          <th>selasa</th>
          <th>rabu</th>
          <th>kamis</th>
          <th>jumat</th>
          <th>sabtu</th>
          <th>minggu</th>
</tr>
<tr>
<td><a href=”http://kreatifin.blogspot.com” target=”_blank”>POP</a></td>
<td>sunda</td>
<td>Rock</td>
<td>H Hop</td>
<td>Melayu</td>
<td> Rock</td>
<td>Zass</td>
</tr>
</div>
</body>
Selesai jangan lupa save as yah…!!

Keterangan :
Warna kuning ketentuan dari lebar table .warna merah adalah alamat url yang di tuju anda bias menggantinya
Selamat mencoba

Demikian cara Membuat table yang cantik di blog 

Related Posts

1 komentar:

Tinggalkan jejakmu disini