handapeunpost



Selasa, 27 Desember 2011

0 Cara Membuat Animasi Loading Pada Gambar Blog

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();'> <!-- Loading with Image --> <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> <!-- Ends Loading with Image -->

  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.

Jangan asl copy paste! baca aturannya disini
Post By Kang Salman

0 komentar:

Posting Komentar

-Terima Kasih atas Kunjungannya di Artikel saya ini :)

Note : Dilarang SPAM , Berkata Jorok
Jika Coment Seperti itu akan saya hapus :)

Sekian Terimakasih :)

http://tutorialfree4u.blogspot.com/

Global Variables

allowfullscreen="" src="http://www.youtube.com/embed/evNs1gTMptI?feature=player_embedded" frameborder="0" height="360" width="400">