Senin, 16 April 2012

Cara Membuat Animasi Loading Pada Gambar Blog

Membuat Efek Loading Gambar. Trik ini Saya saran kan untuk blog yang banyak menggunakan gambar dalam potingannya. Saya yakin banyak yang sudah bisa membuatnya, karena memang tidak sulit, tapi Sayacoba membuat postingan ini, barang kali ada belum tau :
Cara Membuatnya :

  1. Login akun
 Blogger anda terlebih dahulu. 

  2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan

  3. Pilih Rancangan, Edit HTML, cek/centang Expand Widget Template

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

Kodenya Gan
&lt;body onLoad=&#039;waitPreloadPage();&#039;&gt; &lt;!-- Loading with Image --&gt; &lt;div id=&#039;prepage&#039; style=&#039;display:scroll;position:fixed;top:100px;left:3px&#039;&gt;&lt;img border=&#039;0&#039; src=&#039;http://i811.photobucket.com/albums/zz36/asksalman/loading2.gif&#039;/&gt;&lt;/div&gt; &lt;!-- Ends Loading with Image --&gt;
5. Silakan cari kode </body> Hapus dan ganti dengan kode berikut:
Kodenya Gan
<script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/></body>
6. Selesai sudah, Simpan Template, mudahkan?
Keterangan :
URL gambar http://i811.photobucket.com/albums/zz36/asksalman/loading2.gif yang ini.
dapat diganti sesuai dengan selera anda.
Misalnya dengan animasi di bawah ini:
http://i811.photobucket.com/albums/zz36/asksalman/loading1.gif
http://i811.photobucket.com/albums/zz36/asksalman/loading3.gif
Atau anda dapat mencari sendiri di google image search silakan masukan kata kunci loading.gif
Sahabat informasi maya, selamat mencoba trik Membuat animasi loading pada gambar blog.

Tidak ada komentar:

Posting Komentar

HOT NEWS

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!