Cara Membuat Image Loader/Loading Blog dengan Gambar Sendiri, untuk Semua Versi Temlate Blogger, Mudah, Terbaru, Tercepat, Tutor yang Jelas


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='http://1.bp.blogspot.com/-KDNh_onolgw/T0j8ZFphCoI/AAAAAAAABDo/3_AIy1ypKp0/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 :


http://1.bp.blogspot.com/-KDNh_onolgw/T0j8ZFphCoI/AAAAAAAABDo/3_AIy1ypKp0/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

20 komentar

  1. sudah saya aplikasikan & ternyata sukses
    thank you

    salam kenal n di tunggu visit backnya jua follbacknya

    BalasHapus
  2. Seppzz, gaan.. :)
    Salam kenal juga, oke ane meluncur...
    [SUKSES]

    BalasHapus
  3. coba ulangi tutorialnya dari atas, mas...
    pasti bisa, ko.

    BalasHapus
  4. adaw kok ga berhenti berhenti ya ??

    BalasHapus
  5. Ouu... memang, akan berhenti kalau semua loading Blognya udah selesai...
    Jadi, blognya jangan terlalu berat.. saran saya

    BalasHapus
  6. mass body punya saya ga ada di html :(

    BalasHapus
  7. Buat ajah sob... tinggal dimasukin di dalemnya tag antara < html > ... < / html >

    BalasHapus
  8. makin keren jadinya blog saya , thanks infonya gan :D

    BalasHapus
  9. wah penasaran jadi pengen nyoba nih, ehehe.

    BalasHapus
  10. Makasi infonya bang, coba dulu untuk blog saya :D

    BalasHapus
  11. btw itu Judulnya template mas bukan temlate hehe.. izin nyoba dulu ye

    BalasHapus
  12. Makasih mas sangat membantu blog saya :)

    Kunjung balik ya harian-dwiyanto.blogspot.com

    BalasHapus
    Balasan
    1. iya gan, terima kasih juga sudah mampir dimari :)

      Hapus

Komentar anda sangat dibutuhkan bagi kemajuan kami untuk terus berkarya.
Diharapkan :
* Berkomentarlah dengan bahasa yang baik
* Tidak ada unsur SARA, SPAM, PORNO
* Tidak merugikan orang lain
* Menunjukkan identitas yang jelas bukan Anonim

Diperkenankan :
* Komentar promosi link web anda
* Kritik & Saran

[Protected] by DMCA Protection Pro™
EmoticonEmoticon