Home Berita Pilihan New News Trixs Blogging 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

      , ,   

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/AVvXsEiJ_bgNHcpLbOk_G8fXC3WlZvPwer0IvSUdQk5KPaqOdv3F7wihpTgnzh4-nB2QqZ3mnmRhniSJs17bVOyGE_O_70Y0ObKb7Ps7Vw4jvNoGPmh9-9pwJs4jishFODWCsCM0u7MUoUa0iuDF/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/AVvXsEiJ_bgNHcpLbOk_G8fXC3WlZvPwer0IvSUdQk5KPaqOdv3F7wihpTgnzh4-nB2QqZ3mnmRhniSJs17bVOyGE_O_70Y0ObKb7Ps7Vw4jvNoGPmh9-9pwJs4jishFODWCsCM0u7MUoUa0iuDF/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
Pinterest
More
Less
Tumblr
Mix
GMail
LinkedIn
Reddit
XING
WhatsApp
Hacker News
VK
Telegram
Line

19 komentar

  1. royansableng4 Juli 2012 pukul 05.23

    sudah saya aplikasikan & ternyata sukses
    thank you

    salam kenal n di tunggu visit backnya jua follbacknya

    BalasHapus
  2. Satria Perwira4 Juli 2012 pukul 12.22

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

    BalasHapus
  3. Yohanz Sanjaya19 Agustus 2012 pukul 21.44

    gak bisa mas

    BalasHapus
  4. Satria Perwira19 Agustus 2012 pukul 22.40

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

    BalasHapus
  5. Unknown23 Agustus 2012 pukul 15.55

    adaw kok ga berhenti berhenti ya ??

    BalasHapus
  6. Satria Perwira23 Agustus 2012 pukul 21.29

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

    BalasHapus
  7. gusdarto3 Desember 2012 pukul 10.23

    numpang sedot bro

    BalasHapus
  8. Satria Perwira3 Desember 2012 pukul 15.26

    Sipp, broo... silahkan :)

    BalasHapus
  9. Unknown17 Januari 2013 pukul 15.07

    mass body punya saya ga ada di html :(

    BalasHapus
  10. Satria Perwira18 Januari 2013 pukul 14.53

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

    BalasHapus
  11. Unknown15 April 2014 pukul 11.07

    makin keren jadinya blog saya , thanks infonya gan :D

    BalasHapus
  12. Nurtanio Ramadhan17 April 2014 pukul 12.10

    wah penasaran jadi pengen nyoba nih, ehehe.

    BalasHapus
  13. Tio Agung Rianto17 April 2014 pukul 13.48

    Makasi infonya bang, coba dulu untuk blog saya :D

    BalasHapus
  14. Unknown17 Maret 2015 pukul 18.13

    Makasih mas sangat membantu blog saya :)

    Kunjung balik ya harian-dwiyanto.blogspot.com

    BalasHapus
    Balasan
    1. Satria Perwira21 Maret 2015 pukul 09.15

      iya gan, terima kasih juga sudah mampir dimari :)

      Hapus
  15. Satria Perwira21 Maret 2015 pukul 09.14

    wkwk :D iya mas salah, biasalah -_-

    BalasHapus

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