Cara Membuat Scroll Box pada Blog Secara Cepat

Memang banyak cara yang dapat Kita lakukan dalam menghemat ruang pada Area Blog kita diantaranya adalah dengan cara membuat Scroll Box yang fungsinya kita dapat memasukan Gambar maupun Judul postingan kedalam Scroll Box, sehingga isi judul postingan ataupun gambar tidak terlalu melebar atau terlalu memanjang kebawah karena Luas atau panjang dari gambar/postingan telah disesuaikan dari panjang dari Scroll Box yang telah kita tentukan. Untuk membuat Scroll Box tidaklah sulit karena  kita hanya menggunakan  pasilitas  kode script / html. yaitu Kita hanya tinggal memasang kode Html seperti di bawah ini:

    <div style="overflow:auto;width:410px;height:210px;padding:10px;border:1px solid #eee">

    Masukan Isi Scroll Box disini sesuai yang Kita inginkan

    </div>

Berikut Contoh Scroll Box:

    <div style="overflow:auto;width:410px;height:210px;padding:10px;border:1px solid #eee">
    <br />
    <a href="http://tutorialplan.blogspot.com/">Silahkan Masukan Judul postingan Anda Disini_1</a>
    <br />
    <a href="http://tutorialplan.blogspot.com/">Silahkan Masukan Judul postingan Anda Disini_2</a>
    <br />
    <a href="http://tutorialplan.blogspot.com/">Silahkan Masukan Judul postingan Anda Disini_3</a>
    <br />
    <a href="http://tutorialplan.blogspot.com/">Silahkan Masukan Judul postingan Anda Disini_4</a>
    <br />
    <a href="http://tutorialplan.blogspot.com/">Silahkan Masukan Judul postingan Anda Disini_5</a>

    <br />

    <a href="http://tutorialplan.blogspot.com/">Silahkan Masukan Judul postingan Anda Disini_6</a>

    <br />

    <a href="http://tutorialplan.blogspot.com/">Silahkan Masukan Judul postingan Anda Disini_7</a>

    <br />

    <a href="http://tutorialplan.blogspot.com/">Silahkan Masukan Judul postingan Anda Disini_8</a>
    <br />
    </div>

Maka Hasilnya akan terlihat seperti dibawah ini:

Silahkan Masukan Judul postingan Anda Disini_1
Silahkan Masukan Judul postingan Anda Disini_2
Silahkan Masukan Judul postingan Anda Disini_3

Silahkan Masukan Judul postingan Anda Disini_4

Silahkan Masukan Judul postingan Anda Disini_5

Silahkan Masukan Judul postingan Anda Disini_6

Silahkan Masukan Judul postingan Anda Disini_7

Silahkan Masukan Judul postingan Anda Disini_8

Keterangan:
- Silahkan Anda Ganti Url yang berwarna Biru ---> http://tutorialplan.blogspot.com dengan Url postingan  
  Anda
- Lalu Tulisan yang berwarna Merah --> Silahkan Masukan Judul postingan Anda Disini_1 Dapat Anda 
  Ubah dengan Isi postingan menurut keinginan Anda,  Selesai.........

Selamat Mencoba..............

Share this post