Transformator: Membuat Efek Loading Gambar.

Membuat Efek Loading Gambar. Trik ini kang salman saran kan untuk blog yang banyak menggunakan gambar dalam potingannya. Saya yakin banyak yang sudah bisa membuatnya, karena memang tidak sulit, tapi kang salman coba 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

<body onLoad='waitPreloadPage();'>  <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='http://i811.photobucket.com/albums/zz36/asksalman/loading2.gif'/></div>

5. Silakan 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. 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.

Transformator

Jumat, 05 Oktober 2012

Membuat Efek Loading Gambar.

Tidak ada komentar:

Posting Komentar