Jumat, 30 November 2012

Membuat Loading Page Dengan Singkat

Membuat Loading Page Dengan SingkatEDUKATIF 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>
<!-- Start pageloader -->
<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'/>
<!-- End pageloader -->
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
Membuat Loading Page Dengan Singkat


Membuat Loading Page Dengan Singkat
Ukuran : 550 X 320
Membuat Loading Page Dengan Singkat



LINK GAMBAR PAGE LOADER 
Ukuran : 700 X 450
Membuat Loading Page Dengan Singkat


Terima kasih sudah menyimak, bantu saya dengan Berkomentar atau sekedar me-LIKE blog saya untuk meningkatkan kinerja dan pagerank SERP.


Cara Membuat Loading Page di blog

Cara Membuat Page Loader