Membuat Loading Page Dengan Singkat

Jumat, 30 November 2012

Membuat Loading Page Dengan Singkat

EDUKATIF BLOG. Loading page adalah antarmuka website yang jika kita membuka halaman website/blog akan terlihat gambar atau animasi dan akan tertutup pada saat loading halaman terselesaikan. Manfaat memasang Loading Page pada Blog adalah menjadikan Blog kita terlihat indah dan professional. baik langsung saja kita ke cara memasang LOADING PAGE

dengan singkat di blog :
1. Log in Blogger
2. Edit HTML
3. Copy kode berikut ini dan letakkan diatas kode ]]></b:skin>

/* PageLoader */
#page-loader,#blank-loader{position:fixed !important;position:absolute;top:0;bottom:0;left:0;right:0;background:#210200 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCLQkIePmY5rfQkpz-qs7NeBW2PewNzjdsAx_qhD4jr-v7wR52E5qdrgnCfZ6oHCXU3DgUFYenlPsTsOqfIn4cmNL0CRk4Xm6W7cQFhrALxhQaiXfS2hWeeYBoUHD_OvdJ7UtCF1Aqgaw/s1600/overlay.png);z-index:9999;text-align:center;width:100%;height:100%;padding-top:25%;display:none} #blank-loader{z-index:999}

4. Copy kode berikut ini dan letakkan diatas kode </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/lamonganlimit/home/loading-page-ary-anshorie-edukatif-blog.js' type='text/javascript'/>
<div id='page-loader'><img alt='loading...' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF7GaFt62z9f80BdSFzfzOg1lbGyq4ER_L8Spea0I4TvrnzcEoyeD0WhhNBq7sN_HsGxfuYBPFcd_dW2ZBqxr2iByuN0CSv6OS3ADOf1aq5DO_uDINoRW-nUBW7qQ-_0VfkpDseaJweEs/s400/Cara+Mempercepat+Loading+Internet.gif' title='Please Wait' width='400'/></div>
<div id='blank-loader'/>

Keterangan :

Script jquery (yang berwarna merah) tidak usah anda pasang jika sudah ada kode tersebut pada template anda karena jika ada lebih dari satu kode tersebut maka salah Page Loader akan berjalan

Sedangkan Script (yang warna kuning adalah Gambar Loading Page nya) anda bisa mengubah sendiri dengan gambar yang anda sukai. Dibawah ini adalah gambar-gambar Loading Page / Page Loader

LINK GAMBAR PAGE LOADER 1
Ukuran : width: 400 - height : 300

LINK GAMBAR PAGE LOADER 2