KEBEBASAN BERPIKIR
Home » » cara buat backgorund bergerak tetap

cara buat backgorund bergerak tetap

Written By dan ipul climber on Kamis, 18 Juli 2013 | 23.50


mau backgound bergerak seperti background blog ini ???

nah kalau mau ikuti langkah" nya di bawah ini
Buka Blogger
  1. Klik Tata Letak
  2. Klik Add Gadget
  3. Klik HTML/Java Script
  4. 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/AVvXsEgAxJBfTnS6MCQ_NxWuE1h6xlm6VjPQlFAjdrF43t37gRw5ZYajSGaUsQlcsK8XG6lyDOr2tlaksNkLVmyvpo3EDzGHGl9lDZVCxTR47r_RAZzQJEDEJ4OaBR2HfbxztjSeNRLE8GxbZIU/s1600/0_1_1.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCCFI9NRXaUPePvV941qlclAevaPkRCJsefgPEt3TK_rzayVeeg-jvSTQHuiIu2vQr2f-8kUNcXmdHvt_RPKqRSybjLnzR3917CdAp_UeqKkiHMqIML46WxLE-kopFIIA8ElERXVc47au/s800/bluematrix2.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKufqC67HXuoyeKBXUYfn34_v649_2ldbUsBFgS0oi96k4-6Kvw1EHDv1c5DUw6nmhnyaduxL47ULdPP-qeC9-V-9k9z8_-vyG4aamXY973kAA5z6FVjQPqw-wB8BX3tAINmgYRvOV5LHf/s800/matrix.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqtuv_yurB1zotcrlLkQPtXlRBwSrUYlxjLwvv6125-zS6XkCBrcKJyo8fxfrzJl4WAxtMehsaEFZZy0Rt9luYNprShcXeoDmTQeRj5DqccKb2TgiJdmb5nJncd3gj_yhdUcmao-ARTzm6/s800/monozcore_blogspot_com_redmatrix.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ108n3ckx6H0gKPoo0iqc67CBpliiAJASu0tIuZ0t14lG3R8o2y7s1lZzNleWx1tRjRrc-UgzuEWNf3Z8xpLGkVpKXBvdyfv361zajizGb3hQReUI0GDKG1UK2UITFd5VFkxLIpZiJkA/s800/matrix.gif
Share this article :

0 komentar:

Posting Komentar

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. 543598 - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger