Tuesday, February 14, 2012

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 

 



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.


0 komentar "Cara Membuat Blogroll Dengan Efek Scroll", Baca atau Masukkan Komentar

Post a Comment