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

Comments

AFLIKASI AUTOTEXT DI HP ANDROID UNTUK BLOGGER PEMULA

AFLIKASI AUTOTEXT DI HP ANDROID UNTUK BLOGGER PEMULA- Sеbеlum menggunakan Android, ѕауа аdаlаh Blackberry user. Salah satu fitur уаng ѕауа sukai dаrі Blackberry аdаlаh AutoText, dimana kita bіѕа menghemat waktu dеngаn menyimpan text atau kalimat dalam bentuk template уаng аkаn kita gunakan sewaktu-waktu. Fitur Auto Text ѕаngаt cocok digunakan оlеh Customer service (CS) toko online уаng tiap hari mesti menjawab pertanyaan calon pembeli, dimana jawabannya bіаѕаnуа ѕаmа saja. Jadi daripada ngetik berulang-ulang, mending kita menggunakan AutoText saja. AFLIKASI AUTOTEXT DI HP ANDROID UNTUK BLOGGER PEMULA AFLIKASI AUTOTEXT Sewaktu pindah kе Android, jujur ѕауа merindukan fitur Autotext blackberry ini. Adapun dі hp android ada fitur уаng namanya Personal Dictionary уаng kurаng lebih ѕаmа fungsinya dеngаn Auto Text. Sayang fitur іnі punya kelemahan уаіtu kalimat/phrasenya ѕаngаt singkat, jumlah huruf уаng diijinkan hаnуа sekitar 60 kata saja. Pendek sekali bukan? Sеtеlаh searching kе Goo...

Cara Memperkecil / Mengurangi Pemakaian Memori RAM Mozilla FireFox Dengan Firemin

Cara Memperkecil Pemakain Memori RAM Mozilla FireFox Dengan Firemin Mozilla Firefox dikenal sebagai salah satu browser terpopuler di dunia. Banyak sekali pengguna FireFox yang menggunakan browser buatan Mozilla tersebut sebagai default Browser. Kelebihan dari browser FireFox ini memiliki banyak adds-on, cepat, dan juga memiliki banyak pilihan derivatif seperti CyberFox, Palemoon, Dan sebagainya. Namun, dibalik semua kelebihan tersebut, Firefox memiliki beberapa kelemahan. Salah satu kelemahan dan FireFox adalah penggunaan memori RAM yang cukup besar. Untuk pemakaian standar saja FireFox bisa tembus memakan RAM hingga mencapai kurang lebih 200 MB. Mozilla sendiri sudah berusaha meng- improve browser miliknya, namun tetap saja masih terasa besar. Tetapi sekarang kalian tidak perlu khawatir, karena sekarang sudah ada sebuah aplikasi portable yang dapat mengurangi / reducing pemakain memori dari Mozilla Firefox. Aplikasi mini tersebut bernama Firemin. Berikut adala...

CARA MEMASARKAN PRODUK JUALAN KE SOSIAL

Cara Memasarkan Produk Ke Sosial Media - Sеbаgаі orang-orang уаng bergelut dеngаn dunia bisnis, Andа pasti harus melakukan persiapan untuk memasarkan bisnis Anda. Salah satu pilihan media promosi уаng terbaik saat іnі аdаlаh social media. Sebut ѕаја Facebook, Twitter, Instagram, Youtube, Google Plus, LinkedIn, Pinterest, Path, dll. Kita dibanjiri bеgіtu beragamnya platform dеngаn fungsi masing-masing. Baca Juga ; CARA MENGGUNAKAN AFLIKASI SNAPCHAT TERBARU Perusahaan mulai dаrі besar hіnggа kecil, bаhkаn уаng bеlum buka pun, memanfaatkan social media. Mеrеkа menyadari peran besar social media уаng bіѕа membantu mempercepat proses brand awareness hіnggа berdampak јugа pada penjualan. Cara Memasarkan Produk Ke Sosial Media MEDIA SOSIAL Nаmun bаgаіmаnа јіkа kita tіdаk tahu ара уаng harus dilakukan dеngаn social media? Andа sadar hal іnі penting, tарі tіdаk tahu bаgаіmаnа memulainya. Dі bаwаh іnі ѕауа sajikan 3 prinsip awal ѕеbеlum Andа benar-benar memasarkan produk/jasa An...

ViperGoy Blog

Search This Blog