CARA MEMBUAT DAFTAR TEMAN DAN ISI DENGAN FUNGSI SCROLL

Untuk membuat daftar isi,teman blog yang mempunyai fungsi scrol dan nomor halaman yang bs di rubah caranya cuku mudah kok tinggal taruh kode di widget scrip html kodenya seperti ini nich

<div style="overflow:auto;width:300px;height:200px; padding:10px;border:1px solid #eee">isi halaman</div>

contoh


<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<a href="http://alamatkamu.blogspot.com/">1.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">2.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">3.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">4.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">5.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">6.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">7.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">9.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">10.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">11.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">12.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">13.Test</a>
</div>


Maka Hasil nya seperti ini

1.Test


2.Test


3.Test


4.Test






5.Test


6.Test


7.Test


9.Test


10.Test


11.Test


12.Test


13.Test

masih belum mengerti, dibawah ini sedikit penjelasannya :

overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

width:300px; »adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

height:200px; »adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.

padding:10px; »adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;


border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.


Selain kode-kode tersebut, tentu saja anda bisa menambahkan berbagai variasi sesuai dengan keinginan, misalkan backgroundnya berbentuk gambar, fontnya yang berbeda atau apa saja sesuai dengan keinginan anda.
Selamat berkreasi

Setelah Baca Jangan Lupa Klik Suka Yach Untuk Update Berita Lewat Facebook

Judul: CARA MEMBUAT DAFTAR TEMAN DAN ISI DENGAN FUNGSI SCROLL
Rating: 100% out of 100% based on 100000 ratings. 100000 user reviews.
Ditulis Oleh Portal Media News Terkini
Terima Kasih Atas Kunjungan Anda...