cara buat backgorund bergerak tetap
nah kalau mau ikuti langkah" nya di bawah ini
- Buka Blogger
- Klik Tata Letak
- Klik Add Gadget
- Klik HTML/Java Script
- Copy Kode Dibawah ini
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script>
<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>
<style>
body {
background: black url(url gambarnya) repeat center; background-attachment: fixed;
}
</style>
nih... pilih! untuk mengganti yang warna kuning!
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipk2scDvXkGXqcvX7Tmi_rkgpKcVWq-oHQzYMz3AXY8BT1IjQNmFksGBLtF8PBQA_MkZS3StSs0wdr92Dp9-hsxjPkgVImxCB1329nvXexjjeUZW_o9UGnrq3pcPUiYJ2Wz1Q1Pb3_ksU/s1600/0_1_1.gif
https://lh6.googleusercontent.com/-wnxb6Bv75j8/Ts32HR4rlOI/AAAAAAAAAgU/ubCAT0zE3hA/s800/bluematrix2.gif
https://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif
https://lh5.googleusercontent.com/-F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogspot_com_redmatrix.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaViRgnjUc-l1L2pDAyU-y91saZp7namGugcjmb202Cba71nz2Mfen7bxDfx0LbPcjPojbYzEKFfS87yzdWj__GhLrpNe8ZUuKklfAjGKWltzu9Z42zX5mf0XIKtHwjXTdLkZPNCJD-Fc/s800/matrix.gif
udah ah! semoga bermanfaat ^_^
0 komentar: