Cara Membuat Scroll Widget Blog

Kata scroll saya kira sudah tidak asing lagi ditelinga kita, scroll adalah sesuatu yang dapat ditarik ke atas dan ke bawah, atau ke samping kanan dan kekiri, maka dari itu ada istilah scroll vertical dan scroll horizontal.

Jika anda ingin membuat scroll di widget blog anda, silahkan ikuti tutorial berikut:

Cara Pertama:
Jika menggunakan widget HTML/JavaScript anda bisa gunakan script dibawah ini :
<div style="overflow:auto;width:100%;height:200px;padding:0px;border:0px solid #eee">
teks atau daftar link bisa dibuat disini.
</div>
Untuk membuat daftar link supaya tampilanya rapi, gunakan kode seperti dibawah ini:

 <ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>

Cara Kedua:
Jika anda menggunakan widget seperti label, archive, atau lainya, caranya adalah sebagai berikut:

Bellow basic wdiget ID in your css template:
  1. Widget Label = Label1; Label2; Label3, and so on
  2. Widget Blog Archive = BlogArchive1; BlogArchive2; BlogArchive3, and so on
Sebagai contoh, jika anda ingin membuat scroll untuk widget label/ kategori:
cari kode  ]]>  didalam template blog anda, copy paste kode dibawah ini:
#Label1 .widget-content{   /* anda bisa edit, seperti  BlogArchive1, atau lainya */
height:200px;               /* anda bisa edit angka ini, untuk mengatur ketinggian */
width:auto;
overflow:auto;
}

Demikian, semoga bermanfaat.

wah makasih infonya gan, siap dipraktekkan :)

baju tidur murah at 6 Juni 2012 15.52

thx Om inponya,,,praktek nech di web,,,untuk scrool twit,,sumbang klik ae dech ^_^

Hotel Di Jakarta at 11 Juni 2012 15.24

Keren nih infonya!

SEO Tutorial at 7 Agustus 2012 12.21

Terimakasih banyak mas sudah share tutorialnya. :)

wiltar.co.cc at 28 Agustus 2012 15.11

klo buat ukuran hurufnya mgn gan. thx.

sekedar wawasan at 31 Oktober 2012 15.59

makasih atas tipsnya mas,,,,

dodi at 29 November 2012 12.31

terima kasih gan ane memang butuh sroll ini n mohon ijin penerapannya...http://pinjamanuangexpress.blogspot.com

johanes gultom at 21 Januari 2013 13.29

http://bloggerseoku.blogspot.com/
http://nestha-pico.blogspot.com/

sandy prastio at 24 Januari 2013 20.15

Izin Coba....



blogwalking gan :)


www.windows404.blogspot.com

Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

.:: Iklan ::.

Koleksi Tutorial Blog

Pengertian Blog dan Cara Membuat Blog Terbaru

Cara Melakukan Posting Artikel

Cara Membuat Readmore di blog dengan Mudah

Cara Mendapat Hosting Gambar Gratis

Cara Menghilangkan Tulisan Subscribe To Post (Atom)

Cara Setting Blog Yang Baru di Buat

Cara memasang Jam Animasi di Blog

Cara memasang banner affiliate di blog

Cara menampilkan dokumen office (word, excell, power point) di blog

Changing the Read More in blogger - New Feature

Creating 'After the jump' summaries

Encode dan Decode

Gadget Posting Terpopuler dengan Thumbnile dan Statistik Blog

How to create a blog with Blogger - Video YouTobe

Membuat Banner atau Gambar Berjalan

Membuat Navigasi Halaman / Page Navigation Blogger

Membuat Site Map, Daftar Isi Otomatis Versi 2

Membuat Slide Gambar di Blog Dengan JQuery

Membuat Teks Berkedip Seperti Gadis Cantik yang Centil

Membuat Tombol Share Facebook Dengan Counter

Membuat Tombol Show Hide Gambar - Text di Blog (spoiler)

Menciptakan blog yang keren dan elegant

Mengganti Avatar Komentator dengan Avatar MyblogLog

Mengganti Template Blogger Standard

Navbar Blogger, Amankan Blog dari DELETE

Perancangan Template Blog Baru

Posting Gambar di Blog

Script Buku Tamu Model Show Hide

Script Membuat Buku Tamu Cepat dan Praktis

Script Membuat Random Posting di Blogspot

Script Membuat Slide Photo Panorama

Tips dan Trik Blog: Agar Title Blog Kita SEO Friendly

Tips dan Trik: Menghapus Link Subsribe Post

Video Tutorial Membuat Blog di Blogspot 1

Video Tutorial Membuat Email di Ymail

Website Penyedia Layanan Shout Box

Posting Blog Terbaru Otomatis Update di Status Facebook

Gambar bergoyang ketika di sentuh

Membuat Page(Laman Terpisah) di Blogger.com

Cara Membuka Website Yang Benar (Untuk Pemula)

Cara Mudah Custom Domain di Blogspot

Cara Custom Domain blogspot dengan Domain web.id

Cara Membuat Scroll Widget Blog

Cara Edit Menu dan Sub Menu Melalui EDIT HTML Template

Cara Mengedit Gambar Slide
Cara Setting Sub Domain dan Redirect Domain
Cara Menyimpan Javascript di Google Drive

Arsip Blog