Cara Membuat Image Loader/Loading Blog dengan Gambar Sendiri, untuk Semua Versi Temlate Blogger, Mudah, Terbaru, Tercepat, Tutor yang Jelas
Mungkin Sahabat ROG sudah pernah baca pada postingan lama Rafi Orilya Groups yang berjudul Cara Membuat Loader Blog, naah….
Pada cara itu hanya dapat anda lihat adalah gambar loader yang cukup biasa-biasa saja, tapi kini untuk V.02 Cara Membuat Loader Blog dengan Gambar Sendiri. Jadi anda bias mengganti gambar loader blog/webmu sendiri.
Keren.kan…
Mungkin sudah banyak cara untuk membuat ini.
Tapi setelah saya coba dan mempraktekkan cara ini adalah cara yang paling mudah dan berlaku untuk semua versi Template CSS dan HTML, jadi kami langsung saja membuat postingan untuk cara yang paling mudah ini.
Langkah-langkah pembuatannya :
1. Login akun Blogger anda.
2. Masuk.ke bagian Rancangan => Edit HTML (untuk versi blogger lama)
Masuk ke ………………. (untuk versi blogger baru)
3. Jangan lupa, ceklist (centang) Expand Widget Template
4. Cari code <body> , gunakan cara cepat dengan menekan CTRL+F dan ketik.kan code tersebut pada form yang muncul, naah… ketemu deh…..
5. Jika sudah ketemu, hapus code tersebut, dan ganti / COPAS code dibawah ini sebagai penggantinya :
<body onLoad='waitPreloadPage();'> <!-- Loading with Image --> <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEies0Yy0EMbrOUK9eIoc6zrJeYdii40grc9HsvnRl4uyPsE_Ke5heX5Lw7BPdyvoQqmjPPlH8yvsUap64MgT0aVbQeMZ71Yk_hikQX2SPSlareNus2aaGcVh6E8jeYYH6a_khe7djxjBusl/s1600/ajax-loader.gif'/></div> <!-- Ends Loading with Image -->
6. Kemudian cari code </body> (biasanya berada paling bawah), atau dengan pencarian cepat seperti diatas.
7. Jika sudah ketemu, hapus code tersebut, dang anti / COPAS code dibawah ini sebagai penggantinya :
<script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/></body>
8. Silahkan Pratinjau terlebih dahulu.
9. Jika sudah berhasil sesuai harapan silahkan Save Template
Untuk mengganti Gambar Loadernya jika anda tidak suka seperti yang terlihat.
Lihat…
Pada code yang berwarna merah diatas.
Silahkan ganti dengan URL gambar loader yang saudara inginkan.
Atau pilih yang telah kami sediakan dibawah :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEies0Yy0EMbrOUK9eIoc6zrJeYdii40grc9HsvnRl4uyPsE_Ke5heX5Lw7BPdyvoQqmjPPlH8yvsUap64MgT0aVbQeMZ71Yk_hikQX2SPSlareNus2aaGcVh6E8jeYYH6a_khe7djxjBusl/s1600/ajax-loader.gif
http://www.musikahan-it.com/images/ajax-loader.gif
http://www.fish4biz.com/images/loader.gif
http://guyselectronics.com/loading.gif
Perhatian-!!!
Jika lokasi Gambar Loader tidak berada ditengah.
Silahkan atur sendiri dengan mengganti code yang berwarna biru.
Pas.kan sesuai jarak yang tepat.
Keterangan :
Top:100px adalah Tinggi atau atas 100 pixel
Left: 3px adalah Jarak Kiri 3 pixel
Artikel Dilindungi
Sertakan alamat blog ini jika mengcopy paste
(Hak Cipta Dilindungi)
Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin