HOME
Blogger
Scroll Background jQuery

Scroll Background jQuery

Jumat, 06 April 2012
Posted in Blogger
By Unknown
Write comment

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 Code print ?

/* ---------------
jquery animation loading page
---------------------------------- */
.QOverlay {
background-color: #000000; /*warna background loading */
z-index: 9999;
}
.QLoader {
background-color:#111; /* warna bar loading */
-moz-box-shadow: 0px 1px 80px #ccc;
height: 2px;
}
.QAmt {
color:#ccc; /*warna angka loading*/
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}

Lalu cari kode </head>Dan masukan kode di bawah ini di atas kode </head>

Copy Code print ?

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<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 Code print ?