Cara Pasang Gambar Status Page Loading

Login ke Blogger
Klik Rancangan Edit HTML
Klik tulisan Download Template Lengkap
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 Ctrl + 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://h1.ripway.com/imtikhan/loading.js' type='text/javascript'/>


Keterangan : Url gambar diatas bisa sobat ganti dengan Url gambar pilihan sobat
berikut contoh gambar beserta kodenya :



Contoh gambar

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


Contoh gambar

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


Contoh gambar

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


Contoh gambar

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


Contoh gambar

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

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center sobat bisa mengubahnya dengan left, right, top atau bottom.

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

0 komentar:

Posting Komentar

Adsens