Pada postingan kali ini saya akan bahas tips bagaimana cara membuat scroll dengan mudah yang diletakkan pada postingan maupun pada widget blog. Sebagaimana kita sering jumpai pemakaian scroll di blog,

Adapun fungsi utama dari blog adalah untuk menyederhanakan space/tempat suatu widget / postingan. sehingga dengan space yang terbatas mampu menampung content yang kalau tidak masukkan ke dalam croll maka akan memakan tempat yang jauh lebih luas.

Ada beberapa cara yang dapat kita lakukan untuk membuat scroll dalam sebuah postingan atau widget blog, yaitu:
  1. Dengan menyisipkan kode HTML ke objek secara langsung
    Cara ini dapat digunakan di postingan blog maupun di dalam widget blog yang menggunakan konfigurasi HTML/JavaSript, Cara ini sangat mudah karena kita tinggal mengedit objek (widget atau postingan) yang hendak dibuat scroll, kemudian menambahkan  kode: <div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;"> diawal / sebelum objek dan    kemudian menambahkan dengan kode </div>. setelah objek. Sehingga kode yang dimasukkan sebagai berikut.
    <div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
    ISI WIDGET/POSTINGAN YANG HENDAK DIBUAT SCROLL
    </div>
    Dengan cara ini kita juga bisa memodifikasi sroll antara lain lebar, tinggi, border, dan warna yang sesuai dengan kebutuhan dan keinginan kita dengan cara mengubah kode tersebut diatas yang berwarna merah 
  2. Dengan menyisipkan kode CSS kedalam Template Blog
    1. Login ke akun blogger
    2. masuk ke menu Tamplate
    3. Jangan lupa download Template 
    4. Langkah berikutnya adalah klik / Pilih "Edit HTML"
    5. Muncul peringatan untuk edit template maka pilih/klik "Lanjutkan"
    6. Centang tanda
    7. Cari widget yang hendak anda berikan scroll. Lalu pada bagian bawah dari kode widget tersebut cari kode div class='widget-content' Template  
    8. ambahkan kode style='overflow:auto; height:230px' setelah  kode div class='widget-content sehingga kodenya menjadi:
      <div class='widget-content' style='overflow:auto; height:230px'>
      Kita bisa mengubah tinggi widget dengan cara mengganti code yang berwarna biiu (230)
Demikianpostingan kali yang berjudul cara membuat scroll dalam sebuah postingan atau widget blog,semoga bermnfaat.

PRODUK KAMI
 Tutorial Blogspot