Social Icons

twitterfacebookgoogle pluslinkedinrss feedemail

Membuat Animasi Loading Untuk Gambar

Nah kali ini kita akan membahas sedikit tentang bagaimana cara membuat animasi loading untuk gambar dipostingan blog. saya yakin temen-temen juga sudah bisa membuatnya.
Langsung saja to the point (ga sabar banget ya) ?!

Cara Membuatnya :


  1. Login ke akun Blogger anda

  2. Lali pilih Layout

  3. Pilih Rancangan, Edit HTML, lalu centang Expand Widget Template

  4. Cari kode <body>, jika sudah ketemu hapus, dan ganti dengan script dibawah ini

<body onLoad='waitPreloadPage();'> <!-- Loading with Image --> <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='URL GAMBAR ANDA'/></div> <!-- Ends Loading with Image -->

5. Terus cari kode </body>, Hapus dan ganti dengan kode berikut: 

<script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/></body>

6.Simpan template

NB :
Ganti URL yang bertanda merah dengan URL Gambar menurut selera anda,
Atau anda dapat mencari sendiri di google image search silakan masukan kata kunci loading.gif


Sekian dulu tutorialnya, semoga bemanfaat

Artikel Terkait

Link Partner

Rizaldi Priantama Blog Banner
Pensil Pintar Blog Banner Si Fadly