Cara Membuat Scroll Pada Widget Blog

Tips and Trik | Tutorial Blogger | Information | Sharing for All



Cara Membuat Scroll Pada Widget Blog

Cara Membuat Scroll Bar Pada Widget Blog

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Scroll Pada Widget Blog. Tutorial Blogger cukup bagus juga, karena Cara Menambahkan Scroll Bar Pada Widget Blog ini sangat bagus untuk mempercantik Tampilan yang semula berantakan atau panjang kebawah yang pengunjung harus menscroll jauh - jauh untuk mendapatkan informasi yang ia inginkan. Itu salah satu kegunaannya. Selain itu, Apakah Cara Memasang Scroll Pada Widget ini sangat membutuhkan Loading yang Lama ? Jawabannya Tidak! Karena Kode HTML ini sangat sekali sedikit.

Teknik ini sangat berguna sekali, ini terbukti untuk Arsip Blog, Populer Post, Recent Comment, dan lain - lain. Silahkan simak berikut ini. Cekidot....

Cara Membuat Scroll Bar Di Widget Blog :

1. Buka Blogger Home kalian.
2. Kemudian pilih Menu Dropdown » Layout » Widget Yang Dipilih / Tambahkan Gadget » HTML/JavaScript.
3. Masukan Kode dibawah ini :


<div style='overflow: auto; width: auto; height: 200 px;'>
masukan Kode HTML/JavaScript anda
</div>

Keterangan :
Overflow-Auto: Jika isi widget lebih dari tinggi (height) akan terjadi Scroll.
Width: Mengatur Lebar Widget tersebut.
Height: Mengatur Tinggi Widget tersebut.

4. Save / Simpan.
5. Selesai.

Sebagai Contoh saja agar tidak bingung :

<div style='overflow: auto; width: auto; height: 200 px;'>

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=15;function randomposts(json);
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomvipergoy" type="text/javascript"></script>
</div>

Tampilan Widget Yang Diberi Scroll Bar :

Contoh Tampilan Widget BerScroll Bar Di Blog ViperGoy

Sangat mudah sekalikan ? 5 Cara Membuat Scroll Bar Pada Widget Arsip / Archive Populer Post Di Blog. Semoga anda dapat terbantu oleh saya dan bisa mendapatkan jalan keluarnya. Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Membuat Widget Dengan Scroll. Jangan lupa untuk membaca artikel Cara Mengganti Background Blog. Nantikan artikel tentang Cara Membuat Scroll Bar Di Blog. Terima kasih dan sampai jumpa.
Ditunggu Komentarnya

Judul: Cara Membuat Scroll Pada Widget Blog
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Ditulis Oleh Felix TM

Terima Kasih Atas Kunjungan Anda...
ViperShare :


43 komentar:

  1. berguna bila widget yang dipasang banyak, n mempersimple tempat saja :)
    bermanfaat sob.

    BalasHapus
  2. Penjelasanya cukup simpel untuk membuat scroll di blog nih :)

    BalasHapus
  3. simple dan mudah dipahami , visit back ya ?http://fajrimansyahshare.blogspot.com/2013/11/optimasi-meta-tag.html

    BalasHapus
  4. Makasih Gan Infonya Saya Coba Gan Salam Kenal ......
    Furniture Jepara

    BalasHapus
  5. Keren infonya, sangat menarik :)
    aldirahmanuntoro.blogspot.com

    BalasHapus
  6. makasih gan tutornya, oh jadi overflow: auto yang buat jadi scroll ....

    BalasHapus
  7. makasih broo caranya simple dan mudah di pahami

    BalasHapus
  8. untuk scroll pada archive dan populer post juga sama ya?

    BalasHapus
  9. waw, ternyata simple juga ya kang cara pasangnya.. mantaps lah.. ^^

    BalasHapus
  10. di blog saya nggak mempan trik ini gan

    BalasHapus
  11. Makasih sekali gan caranya, menghemat space di sidebar blog dan footer hehehe. visit dino-hub.blogspot.com ya

    BalasHapus
  12. Keterpurukan hidup membuat saya melakoni pesugihan di PAK MANDALA,sebelumnya saya Mendapatkan no hp aki (082348985714) dari teman yang sudah sukses kaya, saran PAK MANDALA pesugihan yang cocok untuk saya adalah Bank GHAIB, di waktu itu tanpa banyak perhitungan saya ikuti petunjuk dari aki ,saya sudah sangat bingung dengan hutang yang beratus-ratus juta. Untung saja ada PAK MANDALA yang membantu melalui syareatnya. Saya serahkan umur 1 hari saya untuk ritual ini . pada malam pelaksanaan ritual saya merasa sesuatu yang sangat asing,. Karna merasa tak kuat kemudian saya coba melelapkan diri, entah sadar atau tidak saya melihat sosok makhluk tinggi besar yang memberikan saya kain hitam yang berisi uang 50-100rbuan yang sangat banyak setelah benar-benar sadar saya memeriksa kotak hitam yang telah saya persiapkan sebelumnya atas perintah PAK MANDALA ,dan dengan sangat terkejut saya melihat kotak tersebut penuh dengan uang 50-100ribuan sampai ratusan lembAr banyaknya , tanpa ada rekayasa saya membuat kesaksian ini karna semua ini benar-benar saya alami. SUMPAH DEMI ALLAH DAN ATS NAMA KELUARGA Saya ucapkan ribuan terimkasih kepada PAK MANDALA,saat ini hutang saya telah lunas dan saya tlah memiliki toko elektronik yang lumayan besar . sekali lagi saya ucapkan terimakasih yang sangat besar kepada PAK MANDALA dan keluarga.

    BalasHapus
  13. makasih ya infonya membantu banget :D
    http://link-santriaktif.blogspot.com/

    BalasHapus
  14. makasih gan :D
    http://p4ndoo.blogspot.com

    BalasHapus
  15. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  16. mantap artikelx sangat membantu buat saya

    titip bacnklink ya gan

    http://thazbhy.blogspot.com/

    Ilmu Tazbhy

    Belajar SEO Blog, Pendidikan, Teknologi, Komputer, Elektronika, Otomotif, Kesehatan, Bisnis Online, Adsense, Adwords, Anroid

    http://technogamecyber.blogspot.com/


    Techno Game Cyber

    Free download game, game pc, game terbaru, ps 2014,

    BalasHapus
  17. Sangat Bermanfaat Bro :)

    http://riorefaldi.blogspot.com/

    BalasHapus
  18. thx bro ;)
    http://shohibkaromi.blogspot.com/

    BalasHapus
  19. Saya coba dulu, kawan. Btw, jangan lupa berkunjung ke blog saya : http://www.oke-reload.blogspot.com

    BalasHapus
  20. Okay gan thanks infonya jangan lupa komenback gan di http://bernardbryan.blogspot.com

    BalasHapus
  21. sepertinya saya butuh script ini. ditunggu kunjungan baliknya gan...
    http://www.codjember.com/

    BalasHapus
  22. postingannya sangat membantu gan (Y) di tunggu kunjungan baliknya ya gan http://elshaadicky.blogspot.com/

    BalasHapus
  23. Thanks gan atas infonya, kunjungi balik di www.album-cyber.blogspot.com ya..

    BalasHapus
  24. salam kenal gan dari blog sebelah

    BalasHapus
  25. maaf juragan numpang link. terimakasih sebelumnya,


    http://detexsi.com/2014/12/resep-cara-membuat-cilok.html

    http://detexsi.com/2015/02/manfaat-vitamin-e-untuk-kesehatan.html

    http://www.detexsi.com/2015/02/bahaya-rokok-elektrik-bagi-elektrik.html

    http://www.detexsi.com/2015/02/sunnah-rasulullah-dalam-kehidupan.html

    http://detexsi.com/2014/03/cara-membuat-singkong-tela-tela-berbumbu_16.html

    BalasHapus
  26. scroll pada popular post juga sama min caranya? Website gratis

    BalasHapus
  27. Terimakasih banyak atas infonya, saling berbagi info yuk, kunjungi juga website kami yaa (Y)

    OPEMBESAR PENIS,OBAT PEMBESAR PENIS,ALAT PEMBESAR PENIS

    CREAM KECANTIKAN CREAM PEMUTIH WAJAH

    MINYAK OIL PEMBESAR PENIS MINYAK PEMBESAR PENIS

    OBAT KESEHATAN HERBAL ALAMI OBAT PENYAKIT SIPILIS

    OBAT PELANGSING HERBAL OBAT PELANGSING BADAN

    PENGHILANG TATO OBAT PENGHILANG TATONOX

    PENGGEMUK BADAN OBAT PENGGEMUK BADAN

    PERANGSANG WANITA OBAT PERANGSANG SERBUK

    OBAT PENINGGI BADAN OBAT PENINGGI BADAN GROW UP

    OBAT PEMBESAR PAYUDARA OBAT PEMBESAR PAYUDARA

    CREAM PEMBESAR PAYUDARA ALAMI CREAM PEMBESAR PAYUDARA

    BIO HAIR OBAT PENUMBUH RAMBUT OBAT PENUMBUH RAMBUT BIO HAIR

    PERAPAT VAGINA OBAT CHIEN CHIN OBAT PERAPAT VAGINA

    PERANGSANG WANITA CAIR OBAT PERANGSANG WANITA POTENZOL

    BalasHapus
  28. Thank http://yurika-angelia.blogspot.com/

    BalasHapus
  29. Mantap gan infonya
    http://ziggy-one.blogspot.com

    BalasHapus
  30. thenk`s info nya gan, kami tunggu kunjungan balik nya, jika anda seorang berprediksi, http://www-prediksi-togel-singapura.blogspot.com/

    BalasHapus
  31. Terima kasih infonya saya mau pasang di http://radiomaya.blogspot.com ,kira2 bagus pake kode css atau html yo gan

    BalasHapus
  32. info yang bermanfaat
    Paduan blogger pemula http://go.idcheat.com/1WWhHLA

    BalasHapus
  33. wah , saya berhasil dalam membuat scrol blog

    kunjungsn bslik ya

    http://denmaceldm.blogspot.com

    BalasHapus

 
Facebook Twitter Felix Yoga Group

2013 Copyright © ViperGoy Blog | Template Name's : Viper Black White | Template By: Paman ViperGoy