Scroll Background

pengen bikin background blog lu gerak ?
nih gue tau caranya , CHECK THIS OUT !

1. Masuk blogger , trus lu login aja tuh
2. Setelah login masuk ke Template => Edit HTML
3. Nah , lu cari deh kode </head> trus masukan kode di bawah ini tepat di atasnya.
    (catatan : kalo udah mempunyai kode ini lu ga perlu masukkin lagi)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script>

4. masukin lagi kode di bawah ini tepat di bawah kode yang di atas.

 <script type='text/javascript'>
//<![CDATA[
$(function(){

// ***
// Scrolling background
// ***

// height of background image in pixels
var backgroundheight = 4000;

// get the current minute/hour of the day
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();

// work out how far through the day we are as a percentage - e.g. 6pm = 75%
var hourpercent = hour / 24 * 100;
var minutepercent = minute / 30 / 24 * 100;
var percentofday = Math.round(hourpercent + minutepercent);

// calculate which pixel row to start graphic from based on how far through the day we are
var offset = backgroundheight / 100 * percentofday;

// graphic starts at approx 6am, so adjust offset by 1/4
var offset = offset - (backgroundheight / 1);

function scrollbackground() {
// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
// apply the background position
$('body').css("background-position", "50% " + offset + "px");
// call self to continue animation
setTimeout(function() {
scrollbackground();
}, 70
);
}

// Start the animation
scrollbackground();
});
//]]>
</script>

5. Cari kode body (biasanya paling atas) terus masukan property di bawah ini ke dalemnya.

background:url(http://lh6.ggpht.com/_dfnTVAxeWMI/SrFV2ZgHUvI/AAAAAAAACU8/yP_7acjnv5U/bgscroll.jpg);
(Catatan : kode yang warnanya biru bisa lu ganti dengan locasi gambar yang lu punya atau kalo ga punya ya ga usah di ganti)

Ga mengerti cara memasukannya? gue kasih contoh nih

body {
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Nah , Ntar jadinya gini nih

body {
background:url(http://lh6.ggpht.com/_dfnTVAxeWMI/SrFV2ZgHUvI/AAAAAAAACU8/yP_7acjnv5U/bgscroll.jpg);
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
} 

Atau kalo ada property background di dalem body lu bisa ganti, contoh :

body {
background: #000;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Kalo udah lu ganti, jadi gini nih
body {
background:url(http://lh6.ggpht.com/_dfnTVAxeWMI/SrFV2ZgHUvI/AAAAAAAACU8/yP_7acjnv5U/bgscroll.jpg);
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

 

6. save deh sama lu.

nih referensinya , kali aja lu pengen bikin background lu gerak.

http://oketrik.blogspot.com/2010/05/membuat-scroll-background.html