Panduan Cara Membuat BlogRoll Dengan Fungsi Scroll

Scrollbar adalah sebuah kotak yang berisi sebuah konten yang dapat digulung kesamping maupun ke bawah sehingga konten yang terdapat didalamnya dapat dilihat dengan cara menggulungnya. Fungsi utama dr sebuah scrollbar biasanya untuk menghemat tempat agar sebuah konten terlihat tidak terlalu panjang maupun lebar ...Isi scrollbar bermacam-macam tergantung kebutuhan si pengguna, ada yang memanfaatkannya untuk memperingkas tampilan banner , daftar isi , arsip suatu blog, iklan maupun kumpulan link sahabat..Kali ini saya ingin sedikit berbagi tentang Cara Membuat Blogroll Dengan efek Scroll agar tampilan blogroll sobat lebih ringkas dan menarikBerikut adalah contoh Blogroll yang dibuat Dengan Fungsi Scroll :

DAFTAR ISI BLOG :
1. Belajar Membuat Blogrol Dengan Fungsi Scroll
2. isi dengan link anda
3. isi dengan link anda
4. isi dengan link anda
5. isi dengan link anda

Bagamana caranya..?
Untuk membuat blogroll dengan menggunakan fungsi scroll seperti diatas yang diperlukan hanyalah menambahkan kode berikut ini :

    <div style="border: 1px solid #eee; height: 30px; overflow: auto; padding: 20px; width: 500px;">
    <ol>
    <li><a href="http://isi-dengan-url-blogsahabat">text</a></li>
    <li><a href="http://isi-dengan-url-blogsahabat">text</a></li>
    <li><a href="http://isi-dengan-url-blogsahabat">text</a></li>
    <li><a href="http://isi-dengan-url-blogsahabat">text</a></li>
    </ol>
    </div>



 
Copy kode tersebut kemudian letakkan dalam halaman postingan maupun di sidebar blog Anda
(Desain -> Elemen -> Javascript/HTML)
code yang berwarna merah adalah untuk mengatur warna garis tepi,
code yang berwarna biru untuk mengubah tinggi dan lebar scrollbar
code berwarna hijau dapat anda rubah sesuai dengan kebutuhan anda
Silahkan dipraktekan langsung agar tidak bingung, Selamat mencoba dan semoga berhasil. Like & Share artikel ini jika dirasa bermanfaat. Thanks... :)