kali ini saya akan berbagi mengenai cara yang dapat kita gunakan untuk membuat scroll pada widget. Bagi teman - teman yang memiliki masalah dengan widget yang berukuran terlalu panjang, tentu fasilitas ini sangat sayang untuk dilewatkan. Misalkan saja teman - teman memiliki widget blog roll yang menjadi sangat panjang karena link yang telah teman pampang disana sudah terlalu banyak. Maka untuk mengatasi hal tersebut kita dapat membuat scroll pada widget tersebut sehingga menghemat penggunaan ruang pada blog kita, sehingga tampilan blog kita tidak terlihat terlalu memanjang ke bawah.
Nah langsung saja ini dia caranya:
- Pertama - tama masuklah dulu ke dashboard, lalu klik design dan pilih tab page elements.
- Klik add a gadget untuk menambahkan gadget lalu pilih HTML/Javascript.
- pada content, copy paste kode HTML berikut ini:
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">Letakkan konten anda disini</div>
- Ganti Tulisan yang berwarna merah tersebut dengan konten yang ingin teman buat scroll.
- Untuk mengatur tinggi widget ganti karakter yang berwarna hijau sesuai selera teman.
- Klik save.
Nah.. selesai. sekarang silakan cek blog anda apakah widget anda telah memiliki scroll atau belum :)
Bagaimana, apakah teman berhasil menerapkannya ?
Bagaimana, apakah teman berhasil menerapkannya ?
regards,
IrfanBerlangganan Artikel Referensi Kita
Related Post:
Tutorial
- Membuat Page Title Blog Menjadi Lebih SEO Friendly
- Cara Memasang Meta Keyword dan Deskripsi Blog
- Cara Membuat Chat Box Melayang Buka Tutup
- Cara Membuat Recent Post dengan Thumbnail
- Cara Membuat Auto Readmore
- Auto New Tab : Membuat Semua Link Otomatis Dibuka pada Tab Baru
- Cara Menghilangkan Tulisan Subscribe to: Post Comments (Atom) Pada Blog
- Cara Membuat Widget Daftar Isi pada Blog
- Cara Membuat Tombol Like Facebook Dibawah / Diatas Post
- Cara Membuat Spoiler pada Widget
- Cara Membuat Widget Recent Comments
- Cara Membuat Widget Top Commentators
- Cara Membuat Tab View Menu (Widget Multi Kolom) Pada Blog
- Cara Membuat Popular Posts Pada Blog
- Cara Membuat Recent Post Pada Blog
- Cara Membuat Tab Menu Blog
- Cara Menuliskan Kode HTML Pada Postingan Blog
blog
- Cara Mengetahui Blog ID Kita
- Aplikasi Mobile yang Sebaiknya Dimiliki Seorang Blogger
- Apa Itu Google Author Rank dan Bagaimana Cara Kerjanya ?
- Membuat Text Area yang Kreatif
- Cara Membuat Footer Blog Menjadi 3 Kolom
- Sekarang Anda Bisa Mention Nama Pengguna Dalam Post Dengan Google+
- Menu Navigasi Ajax Keren
- Model Bisnis Online yang Potensial
- Cara mengetahui kode HTML dari warna
- Cara Menambahkan Meta Description Pada Blog Dengan Menggunakan Setting/Pengaturan Blogger
- Menambahkan Emoticon/Smile Pada Posting Blog
- Page Rank Pertama
- Cara Mengatur Jumlah Post yang Ditampilkan Setiap Halaman Label
- 15 Alternatif Pengganti Google AdSense
- Cara Membuat Custom Permalink Pada Post Blog
- Cara Membuat Header Blog Berisikan Link
- 6 Cara Membuat Template Blog Menjadi SEO Friendly
- Mengganti Tag Heading Judul Blog Agar Menjadi Lebih SEO Friendly
- Cara Membuat Related Post Dengan Scroll
- Menambahkan Rel Canocial pada Blog
- Facebook Recommendations Bar Official Untuk Blogger
- Cara Memasang Kotak Follower Box Twitter Pada Blog
- Membuat Page Title Blog Menjadi Lebih SEO Friendly
- Cara Memasang Meta Keyword dan Deskripsi Blog
- Tampilan Baru
widget
- Cara Membuat Footer Blog Menjadi 3 Kolom
- Menu Navigasi Ajax Keren
- Cara Membuat Related Post Dengan Scroll
- Facebook Recommendations Bar Official Untuk Blogger
- Cara Memasang Kotak Follower Box Twitter Pada Blog
- Cara Membuat Breadcrumb Pada Blog
- Cara Membuat Chat Box Melayang Buka Tutup
- Cara Membuat Recent Post dengan Thumbnail
- Cara Membuat Auto Readmore
- Auto New Tab : Membuat Semua Link Otomatis Dibuka pada Tab Baru
- Cara Menghilangkan Tulisan Subscribe to: Post Comments (Atom) Pada Blog
- Cara Membuat Widget Daftar Isi pada Blog
- Cara Membuat Tombol Like Facebook Dibawah / Diatas Post
- Cara Membuat Spoiler pada Widget
- Cara Membuat Widget Recent Comments
- Cara Membuat Widget Top Commentators
- Cara Membuat Tab View Menu (Widget Multi Kolom) Pada Blog
- Cara Membuat Popular Posts Pada Blog
- Cara Membuat Recent Post Pada Blog
- Cara Membuat Tab Menu Blog
+ comments +4comments
kalau utk bikin yg kaya gambar diatas tuh gimana, sob, box dg 2 atau 3-tab (Recent | Populars | Dll), makaciiihh ... :)
Terimakasih kangtok atas Komentarnya di Cara Membuat Scroll Pada Widgetmaksih sob atas kunjungannya :)
insyaallah sebentar lagi akan saya posting caranya sob.. ditunggu ya :)
waduh mas thanks you y mas, jgn lupa kunjung balik ny di qurniawanridho.blogspot.com
Terimakasih Anonymous atas Komentarnya di Cara Membuat Scroll Pada Widgetnice post gan, dah saya coba juga tuh..
kunbal ya, komputersehari-hari.bogspot.com
Post a Comment