Wednesday 13 June 2012

Cara Membuat Scroll Bar di Posting Blog

Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi Fungsi dan kegunaanya Scroll 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.
#sumber : http://kuc0pas.blogspot.com

    Artikel Terkait

    7 comments

    berarti dalam setiap postingan di input manual gan,..adakah yang otomatis sob,...mohon petunjuk di blog aku

    wah terimakasih sob ber guna bgt ...

    kunjungi juga blog ane ya sob.

    www.amikboekittinggi.blogspot.com

    mantap brooo, makasih infonya,,, mampir broo http://www.madhi.web.id

    terima kasih jga sob sudah berkunjung di blog saya . Nnti aku kunjungi blognya sob .

    sama - sama sob . akan ku kunjungi web nya sob

    thanks a lot ...... mudah dimengerti .
    visit >>> wa0n3berbagi.blogspot.com
    "berbagi itu indah"

    Haha...terima kasih banyak Mas, penjelasannya detail dan bagus. Kebetulan saya juga sedang mencari cara ini. Kebanyakan yang di Google berhubungan dengan arsip blog hehe... 2 jempol !!!

    Bijaklah dalam berkomentar
    EmoticonEmoticon