Elemen Halaman Mempunyai Fungsi Scroll

Aduh malam ini adit lagi bingung banget mau posting apa karena badan lagi sedikit enggak fit alias lagi enggak enak badan di tambah banyak tugas yang harus adit selesaikan, oke deh sebelum adit melanjutkan pembahasan yang akan kita ulas sampai tuntas ini, adit harap untuk para master bisa membantu peningkatan dalam blog ini ya kasih sedkit komentar,kritik ataupun saran, karena saran dan kritik para master bagi adit adalah masukan yang menginspirasikan blog ini agar bisa lebih baik lagi... kemudian adit harap bila ada kesalahan dalam cara adit berposting ini tolong di maaf kan yaaaa.....:D

oke kita langsung lanjut ke pembahasan tentang ELEMEN HALAMAN MEMPUNYAI FUNGSI SCROLL
mungkin sobat sekalian sudah mulai terbayang tentang judul di atas,,, hemmmm gimana udah belum bayangin nya hehehehehe Langsung deh kita ke TKP....

Untuk membuat ELEMEN HALAMAN MEMPUNYAI FUNGSI SCROLL sobat bisa copy-paste code berikut ini yang ada di balik tombol Tampilkan di bawah ini :



<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<li><a href="LINK Posting">Judul Posting</a></li>
</div>




udah jelas belum klo belum saya akan jelaskan sedikit.

Didalam kode tersebut, yang berperan besar adalah kode yang ada dalam style. Dengan style itulah kita bisa membuat apa yang kita inginkan. dan di bawa inilah adalah perintah-perintah yang di pakai.

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

Isi dari halaman tersebut tentu saja bukan hanya berisi link saja, tapi anda bisa mengisinya dengan yang anda inginkan. Misalkan tulisan biasa, gambar, iklan atau apa saja.

masih bingung di mana nyimpen kode di atas seperti biasanya, anda tinggal masuk ke halaman dashbord » Rancangan » Elemen Halaman » Tambah Gadget » Pilih untuk JavaScript/HTML » Masukan kodenya » Simpan » dan selesai dehhhhh. hehehe

Sumber : Blog Kang Rohman

0 komentar:

Posting Komentar