Cara Membuat Scrollbox dengan Efek Auto Scroll

Auto Scroll - hampir Mirip dengan Membuat Scrollbox cuman kali ini ada efek auto scroll dengan arah ke atas dan kebawah. Kalau nurutin mempercantik blog memang ga ada habisnya kali ya.. Autoscroll ini bisa anda gunakan untuk tempat Link, gambar, badge, blog stats atau yang sejenisnya lah... kalau disebutin ga ada habisnya nanti. Ok cukup deh basa basinya langsung to the point aja deh, ne mata sudah perih melototin keyboard mulu. Berikut caranya.

Membuat Auto scroll dengan Arah Ke atas dan ke bawah

1. Tetap harus Log in dulu di akun Blogger
2. Pilih Rancangan/Design
3. Pilih Laman Elemen/Add Page Elemen
4. Pilih Tambah Gadget/Add Gadget
5. Copy script dibawah dan letakan didalam gadget yang baru anda tambahkan

<div id="staticbuttons" style="position:absolute;">

<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0">

<img src="http://i264.photobucket.com/albums/ii184/aandfx/DualIM.gif" border="0">

</a><br>

<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0">

<img src="http://i264.photobucket.com/albums/ii184/aandfx/DualIM.gif" border="0">

</a>

</div>

<script type="text/javascript">

//* har-bloggerstars & bloggerstuars.blogspot.com *//

var Hoffset=70

var Voffset=80

var thespeed=10

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1

var myspeed=0

var ieHoffset_extra=document.all? 15 : 0

var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function positionit(){

var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset

var dsoctop=document.all? iecompattest().scrollTop : pageYOffset

var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra

var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){

cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"

cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"

}

else if (document.layers){

cross_obj.left=dsocleft+window_width-Hoffset

cross_obj.top=dsoctop+window_height-Voffset

}

}

function scrollwindow(){

window.scrollBy(0,myspeed)

}

function initializeIT(){

positionit()

if (myspeed!=0){

scrollwindow()

}

}

if (document.all||document.getElementById||document.layers)

setInterval("initializeIT()",20)

</script>

6. S A V E

Keterangan :

Warna Ungu : Bisa anda isi dengan Link atau Url Gambar.. terserah..
Warna Merah : Angka 10 adalah kecepatan gerakan, ganti dengan yang lebih tinggi bila ingin melihat larinya pesawat.. hohohoho
Selamat Berjuang mudah-mudahan bisa merdeka dalam satu kali Praktek. Terus semangat !!