Scroll Elemen Halaman

Cara untuk menampilkan elemen halaman yang memiliki scroll seperti pada elemen halaman Blog ini sehingga Elemen halaman yang memiliki vertical scroll dapat menghemat tempat pada sidebar terutama jika isi posting berjumlah banyak.
Tambahkan kode HTML seperti dibawah ini :

Contoh :
lihat yang berwarna merah

<div style=" overflow: auto; width: 270 px; height: 250 px; padding: 10 px; border: 1px solid blue"><div>
  1. <a href="http://download-freeall.blogspot.com/2009/05/format-factory.html" target="new">Format Factory</a>
    <br/>
  2. <a href="http://download-freeall.blogspot.com/2009/05/gigaget.html" target="new">Giga Get</a>
    <br/>
  3. <a href="http://download-freeall.blogspot.com/2009/05/mp3-cutter.html" target="new">MP3 Cutter</a>
    <br/>
  4. <a href="http://download-freeall.blogspot.com/2009/05/vcd-cutter.html" target="new">VCD Cutter</a>
    <br/>
  5. <a href="http://download-freeall.blogspot.com/2009/05/ultra-iso.html" target="new">Ultra ISO</a>
    <br/>
  6. <a href="http://download-freeall.blogspot.com/2009/05/full-version-tuneup-utilities-2009.html" target="new">Tune Up 2009</a>
    <br/>
  • </div>
Contoh diatas jadinya akan seperti pada Bagian Islami, Software maupun Tutorial pada blog ini.
Jika ingin mengubah beberapa karakter tinggal mengubah pada bagian berikut :
<div style=" overflow: auto; width: 270 px; height: 250 px; padding: 10 px; border: 1 px solid blue" ><div>
  1. Width (lebar) ganti angkanya sesuai kan dengan blog.
  2. Height (tinggi) ganti angkanya sesuai kan dengan blog.
  3. Padding ganti angkanya dengan jarak antara batas tepi dengan awal tulisan.
  4. Border garis pinggir
  5. Solid #eee merupakan kode dari warna biru, bisa diganti dengan kata red, green, black atau apa saja.
  6. <br/> : spasi isi halaman yang satu dengan yang lainnya supaya tidak berhimpitan antara isi halaman.
Selamat berekspriment ………

0 comments:

Post a Comment