Stay in touch
Subscribe to our RSS!
Oh c'mon
Bookmark us!
Have a question?
Get an answer!

cara buat backgorund bergerak tetap

0 komentar



mau backgound bergerak seperti background blog ini ???

nah kalau mau ikuti langkah" nya di bawah ini


  1. Buka Blogger 
  2. Klik Tata Letak
  3. Klik Add Gadget
  4. Klik HTML/Java Script
  5. 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: