Cara Membuat Auto Page Scroller di Blog

Cara Membuat Auto Page Scroller di Blog

Nah postingan kali ini mengangkat tentang Cara Membuat Auto Page Scroller di Blog kita. Untuk contohnya anda bisa mengarahkan cursor anda ke gambar seperti tanda panah ke atas dan kebawah di pojok kanan bawah pada halaman blog ini.

Jika anda tertarik untuk menggunakannya, anda bisa mencoba cara-caranya dibawah ini :

-Pertama-tama Login dulu ke Blogger

-Masuk ke Layout/Tata Letak

-Terus menuju ke Edit HTML

-Jangan lupa download dulu templatenya, agar jika terjadi kesalahan bisa diperbaiki.

-Nah...sekarang cari code </body> , biasanya letaknya paling bawah.

-Copy code ini sebelum code </body>

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

<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LeWjwQzV3LgqhB2g03IzzTqf34dd-VIxxawKx9LkKPEpsPEgZR8B9pFRKgvZ5nhmaX-C3quaz2Wn2WirhDyCLut6bDoekAALgCGEVsxzEi3KfMs66RtH0OXCKHL8DCXbM8bcuSNvmps/s320/BUTTONUP.png" border="0"/></a><br/>

<a href="javascript:" onmouseover="myspeed=thespeed"

onmouseout="myspeed=0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BdldR7_-a9nwhtpW5fqcw8l4uQFZMU7ySG2eXnVV8TAJspswT6j1YH6TyqDHIcPutX000W5a-b2YL-4KlmQi7wg537gah0WrWrGHCNdHymFt1dG8yHK1rkJEjfAGt2uUmfVg6Ciz-IE/s320/BUTTONDOWN.png" border="0"/></a>

</div>

<script>

var Hoffset=70

var Voffset=80

var thespeed=3

ieNOTopera=document.all&amp;&amp;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 &amp;&amp;

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>

-Ganti tulisan berwarna merah dengan link gambar anda

-Sesuaikan Angka berwarna biru(kecepatan scroll) dengan selera anda

-Simpan dech....

-Coba lihat hasilnya...

Smoga Bermanfaat--

Matur Nuwun--....

Categories: auto, blog, cara, di, membuat, page, scroller