Search in This Blog

Senin, 09 Juli 2012

Cara Membuat Scroll Bar di Posting Blog

Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi Fungsi dan kegunaanyaScroll Bar adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat, intinya tampilan posting blog kita jadi singkat dan dinamis.

 Cara Membuat scroll bar di posting blog sangatlah mudah, Caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa sobat copy/paste atau Tulis Kode script di bawah ini pada mode Edit HTML di bagian posting blog.


 Berikut Kode Script Scroll Bar Posting Blog:




<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI.
(Tulisan ditulis di COmpose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>


Catatan:
  • Ingat, Sobat Tulis  pada mode Edit HTML, bukan Compose.!!!
  • Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
  • height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
  • #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan.

16 komentar:

  1. TERIMAKASIH MAS TULISAN ANDA BANYAK MEMBANTU SAYA
    SALAM SUKSES

    BalasHapus
  2. Makasih sob tutorialnya...

    ditunggu kunjungan baliknya..

    BalasHapus
    Balasan
    1. Iya sob, sama-sama. Makasih juga udah berkunjung ke blog ane :)

      Hapus
  3. terimakasih mas ilmunya bermanfaat sekali ditunggu potingan berikutnya...
    visit me ya di http://jualtrainerdandesainpcb.blogspot.com/

    BalasHapus
  4. Artikel yang bermanfaat, cocok untuk widget. ^_^

    BalasHapus
  5. Sama-sama gan, salam blogger indonesia juga dari saya :)

    BalasHapus
  6. Nice Artikel.. :D
    Kunjungi balik http://lukas-trus.blogspot.com

    BalasHapus
  7. mantap gan dan langsung saya aplikasikan,.... salam kenal dari maniak software pc

    BalasHapus

Blog ini terbebas dari yang namanya CAPTHA. Jadi berkomentarlah dengan baik dan gunakan kata-kata yang sopan. Jangan SPAM, SARA, ataupun PORN.