മുകളിലേക്ക് മൂവ് ചെയ്യുന്ന Background image എങ്ങനെ നൽകാം

       മുമ്പൊരിക്കൽ ബ്ലോഗിൽ Background image  നൽകുന്നത് എന്ന്  പറഞ്ഞിരുന്നു . കാണാത്തവർക്കായി ഇതാ ലിങ്ക് Link Here 

ഇതാ ഇനി മുകളിലേക്ക് മൂവ്  ചെയ്യുന്ന Background image എങ്ങനെ നൽകാം എന്ന് നോക്കാം 

1.  Blogger ല്‍  sign-in ചെയ്ത് , ബ്ലോഗ്‌ സെലക്ട്‌ ചെയ്യുക 

2. തുറന്ന് വന്ന പേജില്‍  Templateഎന്ന പേജ് ഓപ്പണ്‍ ചെയ്യുക , Edit HTML എന്ന ബട്ടണ്‍ ക്ലിക്ക് ചെയ്യുക

3.താഴെയുള്ള code  </head > ഈ code-ന് തൊട്ടുമുകളിലായി paste ചെയ്യുക

(  Ctrl + F ഉപയോഗിച്ച് </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>

4. ഇനി body { എന്ന കോഡ് Ctrl + F ഉപയോഗിച്ച് കണ്ടെത്തുക , ഇനി അതിന് തൊട്ട് താഴെ ,താഴെയുള്ള Code Paste ചെയ്യുക

background:url(http://lh6.ggpht.com/_dfnTVAxeWMI/SrFV2ZgHUvI/AAAAAAAACU8
/yP_7acjnv5U/bgscroll.jpg);

നീല നിറത്തിലുള്ള ഇമേജ് നിങ്ങൾക്ക് മാറ്റം ( 13 * 512 Pixels  )

5. ഇനി  എന്ന ബട്ടണ്‍ ക്ലിക്കുക