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

Terima Kasih Atas Kunjungan Anda...
ViperShare :


37 comments:

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

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

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

    ReplyDelete
  4. makasih gan tutornya, oh jadi overflow: auto yang buat jadi scroll ....

    ReplyDelete
  5. makasih broo caranya simple dan mudah di pahami

    ReplyDelete
  6. untuk scroll pada archive dan populer post juga sama ya?

    ReplyDelete
  7. waw, ternyata simple juga ya kang cara pasangnya.. mantaps lah.. ^^

    ReplyDelete
  8. di blog saya nggak mempan trik ini gan

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

    ReplyDelete
  10. 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.

    ReplyDelete
  11. makasih ya infonya membantu banget :D
    http://link-santriaktif.blogspot.com/

    ReplyDelete
  12. makasih gan :D
    http://p4ndoo.blogspot.com

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. Sangat Bermanfaat Bro :)

    http://riorefaldi.blogspot.com/

    ReplyDelete
  15. thx bro ;)
    http://shohibkaromi.blogspot.com/

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

    ReplyDelete
  17. Okay gan thanks infonya jangan lupa komenback gan di http://bernardbryan.blogspot.com

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

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

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

    ReplyDelete
  21. salam kenal gan dari blog sebelah

    ReplyDelete
  22. 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

    ReplyDelete
  23. scroll pada popular post juga sama min caranya? Website gratis

    ReplyDelete
  24. Thank http://yurika-angelia.blogspot.com/

    ReplyDelete
  25. Mantap gan infonya
    http://ziggy-one.blogspot.com

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

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

    ReplyDelete
  28. info yang bermanfaat
    Paduan blogger pemula http://go.idcheat.com/1WWhHLA

    ReplyDelete
  29. wah , saya berhasil dalam membuat scrol blog

    kunjungsn bslik ya

    http://denmaceldm.blogspot.com

    ReplyDelete
  30. trims
    https://www.disewamobil.com/rental-sewa-mobil-bali/

    ReplyDelete

 
Facebook Twitter Felix TM Group

2024 Copyright © ViperGoy Blog | Template Name's : Viper Black White | Template By: Felix Tirtamulia