Dijual Rumah di Kota Bandung
LT 140 m2 LB 110 m2 Harga Nego
untuk info KLIK disini

Jumat, 18 Februari 2011

Membuat Scroll pada Widget Sidebar

contoh scroll
Jika sudah banyak memasang widget, maka tampilan sidebar bisa terlihat penuh sesak dan berjerjer terlalu panjang ke bawah. Padahal kita ingin semua widget tersebut dilihat oleh pengunjung. Tapi umumnya mereka enggan menscroll halaman terlalu jauh ke bawah, sehingga beberapa widget jelas akan luput dari perhatiannya. Beberapa widget yang cendrung berjejer ke bawah misalnya adalah: arsip blog, label, statistic pengunjung, shout box dan lain-lain. Di samping kiri ini adalah salah satu contoh tampilanya.:


Nah, salah satu cara yang praktis untuk mengatasi hal ini adalah dengan membuat scroll di samping widget tersebut, yaitu semacam tombol yang bisa ditarik-tarik ke atas dan ke bawah untuk menampilkan isinya secara bergantian. Dengan menggunakan scroll ini, sekaligus kita bisa menghemat ruang pada sidebar. Jika anda belum tau cara membuatnya, anda bisa ikuti beberapa langkah praktis berikut.


1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.


Cara Praktis Membuat Scroll pada Widget Sidebar

2. Kemudian kliklah Edit pada widget yang akan anda beri scroll (meskipun semua widget tersebut nantinya bisa diberi scroll).


Cara Praktis Membuat Scroll pada Widget Sidebar

3. Sisipkanlah kode di bawah ini ke dalamnya. Yang berwarna biru letakkan di bagian awal dan yang berwarna merah di bagian akhir.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;"> 

</div>

4. Sebagai tambahan: gantilah angka 200 untuk tinggi kotak scroll yang anda ingikan. Kemudian angka 10 untuk jarak isinya dari kiri dan atas. Lalu angka 1 untuk merubah ukuran garis pinggir kotaknya dan angka 999999 untuk merubah kode warnanya.

5. Contoh cara penyisipannya akan tampak seperti ini:


<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;"> 
<center><script type="text/javascript" src="http://feedjit.com/serve/?vv=364&amp;dd=&amp;wid=cbf569f27c6e7ffb&amp;pid=0&amp;proid=0&amp;bc=EDF0F3&amp;tc=1F3055&amp;brd1=EDF0F3&amp;lnk=1F3055&amp;hc=1F3055&amp;ww=170"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript></center>
</div>

6. Jika sudah jangan lupa klik SIMPAN dan tunggulah hingga proses selesai.


Cara Praktis Membuat Scroll pada Widget Sidebar

7. Sekarang lihatlah hasilnya dengan mengklik Lihat Blog.


Cara Praktis Membuat Scroll pada Widget Sidebar

8. Sebagai contoh hasilnya akan tampak seperti ini:




Cara Praktis Membuat Scroll pada Widget Sidebar

source: arman.blog

0 comments:

Posting Komentar