Tabel Biasa & Tabel Scrol Dalam Posting Blog

Kali ini saya akan berbagi ilmu kepada sobat blogger yg masih newbie tentang cara bagaimana menambahkan tabel/kolom pada blog untuk membedakan antara script dan tulisan biasa yang biasanya di gunakan di postingan tuturial. Sebenarnya format sebuah tabel itu sederhana tetapi akan menjadi rumit jika aturan mainnya tidak dikuti, jadi harus mengikuti aturan main yg sudah ada. Sebuah tabel biasanya di awali dgn tag <table> dan di akhiri dgn tag </tabel>, setiap baris tabel diawali dgn tag <tr> dan di akhiri dgn tag </tr>, dan juga setiap kolom tabel diawali dgn tag <td> dan di akhiri dgn tag </td>.

Berikut scrip codenya untuk tabel biasa :

<table border="7" bordercolor="green" cellpadding="10"><tr>
<td>Cara Menggunakan Tabel  Blog 1</td>
<td>Cara Menggunakan Tabel  Blog 2</td>
</tr><tr>
<td>Cara Menggunakan Tabel  Blog 3</td>
<td>Cara Menggunakan Tabel  Blog 4</td>
</tr><tr>
</table>

Atribute boder pada scrip diatas akan membentuk tampilan sekeliling tabel. Kalau secara default atribute boder=0. ganti code yang berwarna biru sesuai dengan ke inginan sobat

Hasil script code di atas :

 

http://qiqialone.blogspot.com/	http://qiqialone.blogspot.com/
http://qiqialone.blogspot.com/	http://qiqialone.blogspot.com/

Berikutnya ini script code untuk tabel dgn efek scrol :

<div style="border: 1px solid #aaa;background-colo r:#f9efef; width:350px; height:250px; overflow:auto; color:#FFF;"><p>

PASANG SCRIPT SOBAT DI SINI. BISA JUGA DAFTAR LINK ATAU DATA APAPUN


</p>
</div>

ganti code yang berwarna merah sesuai dengan ke inginan sobat......

Bagi Sobat Blogger yang ingin download tutorial ini, silahkan download filenya disini :

Sumber script tabel efek scroll http://bloggerbiasa.blogspot.com/

Artikel Terkait :

Posted in: Blogger