Cara Membuat Kotak Scroll

Kali ini Saya akan membahas cara membuat kotak scroll, dan cara ini digunakan untuk menghemat ruangan dalam blog Sobat, sekalian juga membuat tampilan menjadi lebih bagus. Kotak ini dapat kita isi dengan daftar dari postingan atau daftar dari link para sobat ataupun daftar dari yang lainnya.

Untuk itu silahkan ikuti langkah langkah berikut ini :

• Masuk ke Blog Sobat
• Pilih Tata Letak → Tambah Gadget → Pilih HTML/JavaScript
• Paste script di bawah ke dalam kotak

<div style="background:#008080; overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">

<li><a href="http://suryachandragobel.blogspot.com/2012/05/cara-membuat-kotak-scroll-marquee.html" target="_blank">Cara membuat kotak scroll</a></li>

<li><a href="http://suryachandragobel.blogspot.com/" target="_blank">Home</a></li>

</div>

Maka Akan Terlihat Jadinya Seperti di bawah Ini ↓

Cara Membuat Recent Comments
























































Gambar Yang Mengecoh Mata
























































Membuat kotak scroll
























































Cara membuat kode warna dengan widget
























































Cara menghilangkan tulisan diberdayakan oleh blogger
























































Layar Monitor Terbalik
























































Free Download Game Worm 3D (Full Version)
























































Cara Cepat Membuat Blog Terdeteksi Mesin Pencari Google
























































Kode HTML Karakter Khusus ASCII
























































Cara Membuat Readmore Otomatis
























































Cara Membuat Permalink Di blog

• Silahkan ganti script yang berwarna Kuning dengan Link URL milik Sobat
• Simpan dan lihat hasilnya

Membuat Kotak Marquee :

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg di atas, karena kotak yang ini tidak memiliki rollbar (jalannya otomatis dari bawah ke atas). Link atau isi didalam kotak ini akan bergerak/berjalan vertikal atau horizontal.

Berikut cara membuatnya :

Pasang code berikut ini kedalam element Sobat (Tata Letak → Tambah Gadget → HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Maka Akan Terlihat Jadinya Seperti di bawah Ini ↓



#link1
#link2

#link3

#link...



Keterangan :

• Kode "up" itu menunjukan arah pergerakan, Sobat bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
• Jika Sobat menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode.
• Angka "100" menunjukkan tinggi dari kotak blogroll Sobat. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Jika Kedua Kode HTML di atas dikombinasikan maka akan terlihat seperti dibawah ini ↓




Dapat Uang dari AW Surveys


Dapat Dollar Dari Neobux


Cara Menyembunyikan Posting di Home Page Blogspot


Cara Memasang Iklan di Setiap Postingan Blog


Cara Mengganti Jenis Huruf (Font) Posting Blogger


Cara pasang Tombol/Button Share di Setiap Posting


Cara Mengoptimalkan RAM


Pasang Iklan


Cara Menghapus Widget atau Gadget di Blogger - Blogspot


Membuat Tombol Back to Top Simple / Keatas


Cara Membuat Tab View






Selamat Mencoba !