Home » , » Cara Membuat Scroll Bar Di Postingan Blog

Cara Membuat Scroll Bar Di Postingan Blog

Written By Ku Copas on Thursday, 3 May 2012 | 5/03/2012 04:22:00 am

KUCOPAS - Cara Membuat Scroll Bar Di Postingan Blog. Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi serta fungsi dan kegunaanya Scroll Bar adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang dan juga gambar atau foto agar tidak memakan terlalu banyak tempat, intinya tampilan postingan blog kita jadi singkat, dinamis dan minimalis.

Cara membuat scroll bar didalam postingan blog sangatlah mudah, caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa sobat menerapkan atau meletakkan kode scroll-nya pada mode HTML dan bukan Compose di bagian postingan blog.

Cara Membuat Scroll Bar Di Posting Blog

Kode Scroll Bar Di Postingan 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>

Keterangan:
  • Ingat, sobat harus tempatkan Kode 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 dengan nilai pada auto, apabila ingin ukurannya disesuaikan 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. Kode Warna bisa dilihat pada artikel Daftar Kode Warna HTML.
Demikian artikel tutorial ringan yang dapat saya share, yang mengulas tentang Cara Membuat Scroll Bar Di Postingan Blog. Semoga bisa bermanfaat untuk sobat KUCOPAS semua.

Artikel Terkait:

thumbnail Title: Cara Membuat Scroll Bar Di Postingan Blog
Posted by:Ku Copas
Published :2012-05-03T04:22:00+07:00
Rating: 5
Reviewer: 737 Reviews
Cara Membuat Scroll Bar Di Postingan Blog
Comments
22 Comments

22 comments:

  1. Salam Hangat Dari Saya !!!
    Jangan Lupa Visit Dan Follow Blog Sya Ya !!!

    ReplyDelete
  2. siip :D makasi infonya.. ak copas ya :D
    http://tak-atik-blog.blogspot.com

    ReplyDelete
  3. ijin copas gan
    liat hasil copasnya di
    http://dirikublogger.blogspot.com/
    .
    .
    mapir ke backlink21.blogspot.com ya gan

    ReplyDelete
  4. JH Sinaga@ Salam Hangat balix sob... makasih Kunjungannya...

    K Faiq@ Iya silahkan saja... Thx's sudah berkunjung...

    1000 Backlink@ Iya copas aja. jgn Lp kasih Link Sumbernya dan Trim dah berkunjung...

    ReplyDelete
  5. txh ini yg gw butuhkan :D ....

    www.jsssuper.com
    make money without money

    ReplyDelete
  6. @ Erisco Berto >>>
    Dan
    @ MenosGrandE >>>
    Thx's Atas Kunjungannya...

    ReplyDelete
  7. keren gan.....

    izin oopas ye...:)

    kunjungi my blog
    http://reza-solidaritas.blogspot.comm

    ReplyDelete
    Replies
    1. Iya oopas aj sob...
      tp jgn lupa di edit dikit kata2nya.
      biar bisa nongol di page one search engine...

      Delete
  8. thanks sudah berbagi ilmunya, sukses selalu....

    ReplyDelete
  9. mantap ni bang.. izin kopi ilmunya ya.. :D

    ReplyDelete
  10. Replies
    1. Iya sama2 sob...
      Thx's jg atas kunjunganya...
      Senang bisa berbagi...

      Delete
  11. makasih sob, ane udah coba...
    salam kenal.
    ane follow ya, jgn lupa follbacknya.. :)

    ReplyDelete
  12. tx sob tuttornya..kalo ada waktu mampir ke blog ane.!

    www.wahdiat.com

    ReplyDelete
  13. INFO NICE GAN. back link ya gan. http://sosioprogres.blogspot.com/

    ReplyDelete
  14. Thanx gan, Kunbal ya rahman-ciblog.blogspot.com

    ReplyDelete
  15. mantap gan,.. udah ane coba ternyata sukses ane buat diblog ane,.. salam kenal dari : http://os32.blogspot.com

    ReplyDelete
  16. mantaps kang sudah saya coba dan berhasil.. ^^

    terima kasih atas ilmunya ya. ^^

    ReplyDelete

 
Support : Google | Yahoo | Bing
Copyright © 2011-2013. KUCOPAS - All Rights Reserved
Sitemap | About Me | Contact Us | Privacy Policy
Proudly powered by Blogger