• 0

Scroll Background jQuery

Animation Loading page

  • Untuk membuatnya ikuti langkah-langkah dibawah ini.
   1. Login blogger
   2. Tata Letak/Layout - Edit HTML
   3. Klik pada Expand Template Widget.
   4.  Selanjutnya cari kode
]]></b:skin>
Jika sudah ketemu letakkan kode CSS dibawah ini tepat sebelum atau diatas kode ]]></b:skin>
Copy Codeprint?
  1. /* --------------- 
  2.  jquery animation loading page 
  3. ---------------------------------- */  
  4. .QOverlay {  
  5. background-color: #000000; /*warna background loading */  
  6. z-index: 9999;  
  7. }  
  8.   
  9. .QLoader {  
  10. background-color:#111; /* warna bar loading */  
  11. -moz-box-shadow: 0px 1px 80px #ccc;  
  12. height: 2px;  
  13. }  
  14.   
  15. .QAmt {  
  16. color:#ccc; /*warna angka loading*/  
  17. font-size:50px;  
  18. font-weight:bold;  
  19. line-height:50px;  
  20. height:50px;  
  21. width:100px;  
  22. margin:-60px 0 0 -50px;  
  23. }  
Lalu cari kode </head>Dan masukan kode di bawah ini di atas kode </head>
Copy Codeprint?
  1. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>  
  2. <script src='http://generation-platinum.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>  
Ket:
Kalau sobat sudah memunyai script jquery/1.3.2/jquery.min.js,sobat cukup menambahkan  script queryLoaderpre.js di bawah script  /1.3.2/jquery.min.js
Lalu  cari tag </body>simpan kode berikut di atas tag </body>
Copy Codeprint?
  1.     <script>  
  2.     QueryLoader.selectorPreload = &quot;body&quot;;  
  3.     QueryLoader.init();  
  4.     </script>  

DEMO

0 comments:

Post a Comment

Copyright © / Info Indo

Template by : Urang-kurai / powered by :blogger