Cara Membuat Blogroll Dengan Efek Scroll

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Ada yang belum tahu apa itu scrollbar ???

Bagi yang belum tahu scrollbar, berikut ini akan dijelaskan sedikit tentang scrollbar. Scrollbar adalah kotak yang berisi sebuah konten yang dapat digulung/ditarik kesamping maupun ke atas ke bawah sehingga konten yang terdapat didalamnya dapat dilihat dengan cara menggulungnya.
Fungsi utama dari scrollbar adalah 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, feedjit seperti di blog saya ini maupun kumpulan link sahabat/blogroll.

Kali ini saya akan memberitahu Cara Membuat Blogroll Dengan efek Scroll.

Berikut ini adalah contoh Blogroll yang dibuat Dengan Fungsi Scroll 
 

1. Seni Budaya
2. Ma'any Visual Art & Graphic Design
3. Planet Seni Rupa & Desain Grafis
4. Bahasa & Sastra Indonesia
5. Aziz Ma'any

Untuk membuat blogroll dengan scroll seperti di atas 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-blogAnda">text</a></li>

<li><a href="http://isi-dengan-url-blogAnda">text</a></li>

<li><a href="http://isi-dengan-url-blogAnda">text</a></li>

<li><a href="http://isi-dengan-url-blogAnda">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 yang berwarna hijau dapat anda rubah sesuai dengan kebutuhan anda.

Anda baru saja membaca artikel yang berkategori Tips Blog dengan judul "Cara Membuat Blogroll Dengan Efek Scroll". Anda bisa bookmark halaman ini dengan URL http://sen1budaya.blogspot.com/2012/02/cara-membuat-blogroll-dengan-efek-scroll.html