Pasang gambar status saat blogger loading ~ Tips dan trick

Setelah Postingan sebelumnya saya telah membahas Cara Memasang Scroll pada Arsip Trik Blogger kali ini saya akan membahas bagaimana Cara Pasang Gambar Status Page Loading.
Dengan tidak panjang lebar langsung kita kupas Trik Blogger Cara Pasang Gambar Status Page Loading
Caranya sebagai berikut :

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 :

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

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

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

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

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