Cara Membuat Tabel Kotak Border

      Di dalam blog kita dapat membuat berbagai macam variasi / hiasan - hiasan yang dapat membuat blog tampak lebih indah salah satunya dengan membuat sebuak kotak untuk menaruh text di dalamnya berikut adalah macam macam kotak dengan textnya.


1. Menbuat Text dalam Kotak Border

   Cara membuat nya simak torial berikut :
    Login ke blogger ----> Buat entri baru ---->masuk ke html -----> copy code di bawah ini :

Code Html :
<table border="5">
<tbody>
<tr>
<td>Contoh Text Dalam Kotak Ber Border</td>
</tr>
</tbody></table>

Ubah tulisan yang berwarna '' Biru '' terserah yang anda inginkan.

Contoh Text Dalam Kotak Ber Border

2.  Membuat Kotak Text dengan Scroll

     Cara membuat nya simak torial berikut :
     Login ke blogger ----> Buat entri baru ---->masuk ke html -----> copy code di bawah ini :


Code Html :
<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 200px; width: 500px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukkan Tulisan atau teks sobat disini
< /div></span></span></span>

Ubah tulisan yang berwarna '' Biru '' terserah yang anda inginkan.

Contohnya Seperti ini kotak dengan scroll 





 http://devilx7.blogspot.com/ 

3. Menbuat Colom Dengan Small Border

     Cara membuat nya simak torial berikut :
     Login ke blogger ----> Buat entri baru ---->masuk ke html -----> copy code di bawah ini :



Code Html :
<table border="2" cellpadding="2" cellspacing="2" style="height: 48px; width: 396px;"><colgroup><col width="64"></col></colgroup><tbody>
<tr height="20">
  <td class="xl63" height="20" style="height: 15.0pt; width: 48pt;" width="64">Contoh Colum Border Ke 3<br />
</td>
</tr>
</tbody></table>


Ubah tulisan yang berwarna '' Biru '' terserah yang anda inginkan.

Contoh Colum Border Ke 3

4. Menbuat Colom Dengan Double Border

     Cara membuat nya simak torial berikut :
     Login ke blogger ----> Buat entri baru ---->masuk ke html -----> copy code di bawah ini :


Code Html :
<table border="0" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="border-collapse: collapse; height: 36px; margin-left: 4.65pt; width: 241px;">
 <tbody>
<tr style="height: 16.5pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0; mso-yfti-lastrow: yes;">
 
  <td nowrap="" style="border: double #00B0F0 2.25pt; height: 16.5pt; padding: 0in 5.4pt 0in 5.4pt; width: 48.0pt;" valign="bottom" width="64"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="color: black; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: &quot;Times New Roman&quot;; mso-hansi-font-family: Calibri;">Contoh Colom Border Ke 4</span></div>
</td>
</tr>
</tbody></table>

Ubah tulisan yang berwarna '' Biru '' terserah yang anda inginkan.

Contoh Colom Border Ke 4

5. Menbuat 4 Colom Border


Code Html :
<table border="1">
  <tr>
    <th>Link</th>
    <th>Type</th>
  </tr>
  <tr>
    <td>www.devilx7.blogspot.com</td>
    <td>blogger</td>
  </tr>
</table>


Ubah tulisan yang berwarna '' Biru '' terserah yang anda inginkan.

Link	Type
www.devilx7.blogspot.com	blogger

NB :
<table> diakhiri dengan </table> : digunakan sebagai tanda awal tabel
<tr>..</tr> : digunakan sebagai tanda awal baris, tr kependekan dari table row
<th>..</th> : digunakan untuk membuat tampilan kolom header tabel, th kependekan dari table head
<td>..</td> : digunakan untuk menyusun kolom data, td kependekan dari table data