Bikin Scrollbars sebelah kii

Membuat scollbars di posisi sebelah kiri bisa dilakukan dengan 2 cara:

1. Hanya menggunakan kode html (xHTYML).
2. Menggunakan xHTML dan kode CSS.

Membuat Scrollbars di Sisi Kiri dg xHTML

Gunakan kode berikut untuk membuat scrollbars berada di kiri:

xHTMl scrollbars Kiri:

<div style="unicode-bidi:bidi-override;direction:rtl;text-align:left;overflow:auto;height:200px;width:400px;padding:15px 10px;margin:15px 0;border:1px solid #000;font-size:12px;font-family:Tahoma;">
<div dir="ltr">

Letakkan semua teks, kode html atau barang anda di sini!

</div>
</div>

Membuat Scrollbars di Sisi Kiri dg xHTML

Dengan bantuan kode css maka membuat xHTML yang digunakan menjadi sangat simple.

xHTMl scrollbars Kiri:

<div class="GRscrollbars">
      <div>

Letakkan semua teks, kode html atau barang anda di sini!

      </div>
</div>

Cara Menggunakan kode:

1. Login ke Blogger. Tuliskan User Name atau Alamat Email dan Password anda kemudian klik Sign in.
2. Setelah login anda akan masuk di halaman Dasbor (Dasboard).
3. Cari dan klik "Rancangan (Design)".
4. Cari dan klik "Edit HTML".
5. Setelah box Edit HTML yang berisi kode-kode html template terlihat, cari kode ]]></b:skin>.
6. Copy dan paste-kan kode CSS dibawah ini, di atas kode ]]></b:skin>.

 kode:

.GRscrollbars{       
        height:200px;
        width:400px;
        text-align:left;
        overflow:auto;
        padding:15px 10px;
        margin:15px 0;
        border:1px solid #666;
        unicode-bidi:
        bidi-override;direction:rtl; 
        font-size:12px;
        font-family:Tahoma;
}
.GRscrollbars div{direction:ltr;} 

Klik "Simpan Template (Save Template)"

kemudian pada postingan gunakan HTML seperti ini:

<div class="GRscrollbars">
     <div>
Tuliskan teks atau apapun yang akan disimpan dalam scrollbars di sini!
     </div>
</div> 

• Anda bisa membuang kode yang mungkin tidak diperlukan seperti misalnya:
  font-family:Tahoma; dan font-size:12px;.
• Berberapa kode bisa juga dirubah nilainya seperti:
  height:200px;, width:400px;, padding:15px 10px;, margin:15px 0; dan border:1px solid #666;.
• text-align:left; dapat juga diganti dengan text-align:justify; (rata tengah).

selesai...