Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » » Cara buat Scroll Widget/posting Blog

Cara buat Scroll Widget/posting Blog

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

Share this article :

0 komentar:

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST


  • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)


  • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
  • Klik PETA LOKASI PUTRAPENDAWA
  • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
    Terima Jasa Servis / Perbaikan
  •  
    Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
    Template Created by Mas Template Supported by jual kostum marawis & alat drum band
    Proudly powered by Blogger |