Elemen halaman pakai scroll | Tulisan Dika

Jumat, 04 Februari 2011

Home » » Elemen halaman pakai scroll

Elemen halaman pakai scroll

Sobat ngerti ga apa maksud judul posting saya ini??? angkatkening
ahaha jadi saya tuh ingin membahas tentang cara membuat scroll buat elemen halaman anda sob, contoh buat daftar isi, buat widgets, banyak deh fungsinya sob.

contoh lihat ini, daftar isi blog saya :



gimana??? tertarik ga sob???
:inlove:
ahaha yasudah kalo gitu saya ajrkan niih cara buatnya...

caranya anda tinggal mengetik kode berikut aja sob.

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

isi halaman

</div>

contoh gini niii punya saya



daaannn jadinya seperti dibawah sob...



penjelasan sedikit nih buat sobat.

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; = lebar bidang area scroll

height:200px; = tinggi badan area scroll

padding:10px; = jarak dari tulisan ke dinding tulisan

boreder:1px solid #eee = agar bidang ada kotaknya, jika anda tidak ingin ada kotaknya, hapus saja kode ini.

anda bisa merubah angka nominalnya dari petunjuk yang saya beri diatas sob siul

cara pasangnya gampang aja :

  1. masuk ke blogger anda
  2. pilih rancangan
  3. pilih edit tata letak
  4. pilih add widgets/tambah widgets
  5. pilih HTML/javascript
  6. masukkan judul widgets anda ini
  7. masukkan deh di kotak kontetn kode script anda dari widgets ini
  8. save
  9. selesai deehhhh
hehe cukup mudah kan, bagi yang belum mengerti silahkan komentar saja... selamat mencoba dan sukses selalu yah sobat semua !!
:woooh:

0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar

Silahkan Anda berkomentar jika anda mendukung blog ini agar terus maju.
----------------------------------------
| No SPAM, No Porn, No SARA |
----------------------------------------

Selamat datang dan selamat membaca artikel di Dika | Dika via Handphone Klik disini