Membuat Scroll Bar Pada Blog / Web


     Bila kita menulis suatu topik yang panjang lebar pada sebuah halaman Blog / Web tentu akan banyak menghabiskan halaman, yang artinya halaman Blog / Web tersebut bisa sampai kebawah atau kesamping melebihi dari layar komputer. Nah untuk kali ini kita akan memmbuat garis pembatas samping dan bawah atau yang lebih dikenal dengan istilah Scroll Sidebar. Tahap - tahapnya adalah sebagai berikut : blogger
  1. Login ke Blogger, kalau yang belum punya akun bisa login disini.
  2. Buat Entri baru, lalu klik Html
  3. Tuliskan script html dibawah ini.
<div align="center">
<table width="800" border="0" align="center">
<tr align="central" valign="middle" bgcolor="#FFFFFF"> <th width="800" colspan="100%" class="center" scope="col"></th> </tr>
<tr bgcolor="#FFFFFF" class="hitam">
<td><div align="left" style="font-family: arial; font-size: 15px; overflow: scroll; width: 800px; height: 600px; background-color: #FFF;">
<table width="750" border="0" align="center">
<tr>
<td>Selamat mencoba......</td>
</tr>
</table>

Atau bisa juga seperti tulisan dibawah ini :

<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center">
<table align="center" border="0" style="width: 800px;">
<tbody>
<tr align="central" bgcolor="#FFFFFF" valign="middle"> <th class="center" colspan="100%" scope="col" width="800"></th> </tr>
<tr bgcolor="#FFFFFF" class="hitam">
<td><div align="left" style="background-color: white; font-family: &quot;arial&quot;; font-size: 15px; height: 600px; overflow: scroll; width: 800px;">
<tr>
<td>Selamat mencoba......</td>
</tr>
</table>

Keterangan :

  • <div align="center"> artinya tulisan postingan kita letaknya senter atau ditengah - tengah
  • table width="800" artinya tulisan yang kita buat sebenarnya ada didalam kotak / table yang lebarnya 800 pixels
  • border="0" artinya garis pinggir dengan ketebalan 0 atau tidak kelihatan
Cukup sekiranya pembahasan singkat ini, Trims.

Baca juga artikel dibawah ini :