BACKGROUND PADA BLOG

BACKGROUND ANIMATION 

Bagi blog yang menggunakan antarmuka blog baru sebagai berikut

1. log in dulu pada blog anda.
2.  Buka daftar entri blog anda.
3. Pilih template>edit HTML.Jika muncul peringatan seperti ini

   Langsung mengedit HTML dapat memengaruhi cara kerja fitur dan hanya direkomendasikan untuk pengguna tingkat lanjut. Mengedit template HTML secara tak terduga dapat memengaruhi fitur Blogger lainnya. Kami merekomendasikan menggunakan Perancang Template terlebih dahulu, di mana Anda dapat Tambahkan CSS di bawah bagian Lanjutan.

4.  Pilih lanjut.
5. Kemudian pasang code ini tepat di atas code </head>

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEvTSySY2R0ibOSxfW__cF5egS4H3VNPy9PoTUIK_RLUmMhiHMql_Vd-UHX8hdP9rukiCYsvgjhPQf_N6xDWLgI-_ahVU5YAd_S8gK3wzseup5mwKJtL4stPLGfI-NIs555qJEPp6nnMKR/s800/bg.gif) repeat center; background-attachment: fixed;

}

</style> 

 6. Kemudian klik simpan.
COBA>>>>lihat tampilan background blog anda.

Catatan:
alamat https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEvTSySY2R0ibOSxfW__cF5egS4H3VNPy9PoTUIK_RLUmMhiHMql_Vd-UHX8hdP9rukiCYsvgjhPQf_N6xDWLgI-_ahVU5YAd_S8gK3wzseup5mwKJtL4stPLGfI-NIs555qJEPp6nnMKR/s800/bg.gif BISA DI GANTI DENGAN ALAMAT YANG ANDA SUKA.