Caranya sebagai berikut :
Login ke Blogger klik Rancangan klik 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 (F3).
Jika sudah ketemu ganti dengan kode dibawah ini :
Keterangan : Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center sobat bisa mengubahnya dengan left, right, top ataubottom.
Url gambar diatas bisa sobat ganti dengan Url gambar pilihan sobat
berikut contoh gambar beserta kodenya :
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
Login ke Blogger klik Rancangan klik 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 (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'/>
<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 ataubottom.
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
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
Tidak ada komentar:
Posting Komentar