» » » Cara Pasang Animasi Saat Blog Loading

Cara Pasang Animasi Saat Blog Loading

KAPAK Comunity - Cara Pasang Animasi Saat Blog Loading, Pada postingan kali ini KAPAK Comunity akan kembali membahas tentang blog yaitu untuk mempercantik blog kita, kalaw 5 postingan sebelumnya menulis tentang informasi atau yang tejadi disekitar kami yaitu tentang : 

  1. Museum Dikota Pamekasan

  2. Sejarah dan Tujuan Kapak Comunity

  3. 3 Postingan Keindex Halaman Utama Hilang

  4. Gemerlap Tahun Barunya Kapak Comunity, dan yang terahir/dibawah postingan ini adalah

  5. Gua Air Dibawah Makam Orang Cina

Itulah 5 postingan terahir kami dan sekarang kami akan membagikan sebuah tutorial yang tentunya bisa mempercantik blog, dan jangan khawatir ini tidak akan membuat loading blog kita semakin lama, tapi ini cuma memberi taukan kalaw blog kita masih loading, nanti kalaw sudah selesai loadingx maka gambar ini akan hilang/lenyap dengan sendirinya,



Kalaw tidak percaya mari kita langsung praktek, cara-caranya sangat mudah dan simpel, mari lanjutkan.

  1. Login ke blogger sobat

  2. Masuk kebagian Rancangan => Edit HTML

  3. download dlu template sobat dengan klik Download Template Lengkap

  4. Centang dulu  

  5. selanjutnya kita akan melakukan pencarian yang akan kita cari yaitu sebuah kode yang bernama <body> kita bisa lakukan dengan cara manekan Crtl + F lalu ketikkan  <body> ketemu kan...!!

  6. setelah ketemu ganti kode tersebut dengan kode berikut ini.

    7. <body onLoad='waitPreloadPage();'> <!-- Loading Image --> <div align='center'><div id='mta_bar'><div id='prepage' style='display:scroll;position:fixed;background:#fff;padding:2px;top:30%;left:30%;'><img border='0' src='http://www.foundation33.org/images/foundation33.org/loading.gif'/></div>
  7. Setelah selesai lalu cari lagi kode </body>

  8. Lalu letakkan kode berikut ini diatasnya atau sebelum kode </body>

    9. <script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/>
  9. Simpan perubahan anda dan lihat hasilnya.



Keterangan :



top:30%;left:30%;   Merupakan ukuran penempatan dari gambar nantinya, bisa dirubah sesuai dengan keinginan sobat

<img border='0' src='http://www.foundation33.org/images/foundation33.org/loading.gif'/> 
Merupakan alamat gambar yang nantinya akan ditampilkan pada saat loading Sekian dulu postingan tentang Cara Pasang Animasi Saat Blog Loading pada kesempatan kali ini kita akan sambung pada postingan selanjutnya,

juga pada kode diatas bisa diganti dengan tek biasa



berikut kami berikan contoh gambarnya.



https://www.mobyko.com/skin/images/loading.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvQu9SR1Kt1VeIK-nR0F7wxtDYZ7sAbbexaBVZV0AX09yK7IS5C-2MEveHir3Ck82eZMcRzHimqC7-v0qn1J8oT7lcQvtdswQsdo5KYzgX1ZsjHzr4oBYJJhUvCsA6-u9EIifGEpZlf4/s1600/icon_loading.gif

 http://aka.ac.id/media/img/loading.gif



https://accommodation.tcd.ie/KxHotel/App_Themes/Glass/Editors/Loading.gif



 http://www.lssaa.wisc.edu/careers/graphics/loading.gif


selamat mencoba semoga berhasil


Salam Hangat dari KAPAK Comunity













.