Cara Membuat TABEL dan SCROL BOX Dalam Postingan Blog

Hallo sobat.
pada kali ini kita akan mengulas Cara Membuat TABEL dan SCROL BOX Dalam Postingan Blog.
Apa gunanya?
kalau ditanya gunanya ni sob banyak sesuai kebutuhan yang kita perlukan.
Contoh untuk TABEL kita bisa mengunakanya sebagai media untuk memperjelas sebuah petunjuk sehingg para pengunjung dapat membedakan inti dari yang ingin kita sampaikan ni sob.
seperti ni sob..

2 kolom
Materi 1 Materi 2


1 kolom

Materi Hot

atau bisa juga 3 kolom dan lebih

Materi 1 Materi 2 Materi 3
Materi 1.1 Materi 2.1 Materi 3.1
Materi 1.2 Materi 2.2 Materi 3.2


Lain halnya untuk SCROL BOX ni sob, SCROL BOX dapat memper cantik penyampaian materi yang ingin kita ulas dari sebuah pos, selain itu juga menghemat tampilan ya seperti penomoran materi yang banyak.
contohnya gini sob
1. isi pos
2. isi pos
3. isi pos
5. isi pos
6. isi pos
7. isi pos
8. isi pos
9. isi pos
10. isi pos
12. isi pos
13. isi pos


Untuk membuat TABEL dan SCROL BOX pada sebuah pos di blog caranya mudah-mudah sedap.
gini caranya:

PEMBUATAN TABEL
silakan sobat copy html di bawah ini dan silakan di paste kedalam html pos sobat.

1 Kolom
<table width="300" border="1">
<tr>
<td> Isi Pos </td>
</tr>
</table>

2 Kolom
<table width="300" border="1">
<tr>
<td> Isi Pos 1 </td>
<td> Isi Pos 2 </td>
</tr>
</table>

3 Kolom dan lebih
<table width="300" border="1">
<tr>
<td>Materi 1</td>
<td>Materi 2</td>
<td>Materi 3</td>
</tr>
<tr>
<td>Materi 1.1</td>
<td>Materi 2.1</td>
<td>Materi 3.1</td>
</tr>
<tr>
<td>Materi 1.2</td>
<td>Materi 2.2</td>
<td>Materi 3.2</td>
</tr>
</table>



PEMBUATAN SCROL BOX
silakan sobat copy html di bawah ini dan silakan di paste kedalam html pos sobat.

<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 20px; width: 280px;">
1. isi pos<br />
2. isi pos<br />
3. isi pos<br />
4. isi pos<br />
5. isi pos<br />
6. isi pos<br />
8. isi pos<br />
9. isi pos<br />
10. isi pos<br />
11. isi pos<br />
12. isi pos
</div>


Demikian Cara Membuat TABEL dan SCROL BOX Dalam Postingan Blog semoga bermanfaat



No comments:

Post a Comment