Cara Pasang Gambar Status Page Loading

Cara Pasang Gambar Status Page Loading.
Caranya sebagai berikut :
Login ke Blogger klik Rancangan  (Template) klik Edit HTML klik tulisan Download Template Lengkap.untuk BackUp Templete yang akan kita tambah kode.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Kemudian, cari kode <body>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (Ctr+F atau F3).
Jika sudah ketemu ganti dengan kode dibawah ini :


<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://i1002.photobucket.com/albums/af149/Imtikhan/Loading1.gif'/></div>

<script src=' http://imtikhan.googlecode.com/files/loading.js' type='text/javascript'/>

Keterangan : Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center sobat bisa mengubahnya dengan left, right, top atau bottom.
Url gambar diatas bisa sobat ganti dengan Url gambar pilihan sobat
berikut contoh gambar beserta kodenya :

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading1.gif

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading2.gif

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading3.gif

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading4.gif

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading5.gif

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

0 comments:

Posting Komentar