Sabtu, 22 Maret 2014

Cara Membuat Efek Page Loading di Blog

Page Loading adalah semacam bentuk kreasi biasanya berbentukGambar menggambarkan akan sesuatu yang sedang berjalan atau menunggu, nah disini gua akan memberikan sesuatu yang lebih keren yaitu meletakkan gambar page loadingdi blog lo pada bro,page loading ini bekerja bro sampai tuntas dengan maksud akan hilang dengan sendirinya setelah Blog lo terbuka 100%, untuk loe yang tertarik silahkan simak aja untaian berikut ya tentang Cara Membuat Efek Animasi Page Loading di Blog :




1. Login ke blogger loe
2. Pilih Rancangan
3. Klik Edit Html
4. Jangan Lupa Bro Centang Expand Template Widget (jika perlu bro)


5. Untuk Mengantisipasi Kesalahan, Lakukanlah BACKUP data terlebih dahulu ya
6. Carilah Kode <body>.


7. Kemudian Ganti/Hapus Kode <body> dengan kode dibawah ini :










<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJaF9jmGdT28wLpng1vx5s-OHRxCEew4bCJhx35PCJ7GDcfJOkUEEaHCucD-xoUWGEdr3Biv83vWx6OMWLAzdPI8ehOJXsVnXEEk4VLVWNkRF9fubapeOZ_2KhE_I28YNutJXZV0mnSAx/s1600/loading1.gif'/></div>
<script src='http://raxterblog.googlecode.com/files/page-loading.js' type='text/javascript'/>










Ket :

Silahkan Ganti Alamat URL yang berwarna MERAH dengan gambar animasi yang lo suka bro.


8. Tinggal Save template dan lihat hasilnya deh bro. . .














Berikut ada Beberapa ALAMAT URL animasi loading yg mungkin lo suka bro :















https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJaF9jmGdT28wLpng1vx5s-OHRxCEew4bCJhx35PCJ7GDcfJOkUEEaHCucD-xoUWGEdr3Biv83vWx6OMWLAzdPI8ehOJXsVnXEEk4VLVWNkRF9fubapeOZ_2KhE_I28YNutJXZV0mnSAx/s1600/loading1.gif













https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwJ1xA8sOr6GrWR4fy7ljtN-C8Jd_pDiaMKPppmr9SYNPQUlhGd8NiaBx7Sdh-0yR4d-7uu7t9lS_UDFItBVeAPMIICQh-SX6QuL5fNJ7uGdnAiw5P79Fp1KkzshcAzvmwZx37lUhuOwq_/s1600/loading2.gif












https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixEKY4dVmLStJdRn5sUP9rReXOJ8Bcs-8wEZ3w3842aoqWjabFkfKZhyCZrwJycWdW9IB2suf1erW_HNKzu0iV5CT4d-5dMvJbxdztwXDkLMxl37GVIO5bUJ274bJdK-d7hibRbicQkIqh/s1600/loading3.gif











https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKnIBD_qAFapVYKe2-8qATyKG73f9jgOoy512b80SepDlbKZCVfXnK6omuWDVnDzZuyipUcQuOqEpA-cb6UWcvzvfdJXBSFvqLTVIWXaa8k1VWPlzoTHxYIj36PBXRmJpuLgkFf-lFiF6_/s1600/loading4.gif














https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZRBs8MYmvuGxcvfeoJbWo7OZrdc_PhhnmfEWX4LtG6zmxie6lThE-N2wmNGPdI7yymB7hy2SShK7fUFrecV-iLZGnuJ8_IV8qVzmeI4B9QnC2BpXeK6UzM73NlrNri8Cctl2zy_DdjoQG/s1600/loading5.gif

















https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZzbukMAL3yoghVXelePFKFoJcbZiZO4tUZ-ST1iPII4ivv7-1AhcX8unSHrf3QLPllNTytlhgKnXR0Y8q5KnlREDU6nXGiTUE1luAeuf0l62WsIouU5pd2SsWXkvPBs1feNuNTgagixb2/s1600/loading6.gif












https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkMPjRfS4RM4JOarkI3zDgWTfraXHQtON_HoYW_GXJGl85sT63MSyLG-cZdFs-MKf9YWY5QnRACMZvRA66w8PqVUulCOETvTWPwHErHpU8zDa0jmgL8TYWuN2HTFOePKUl66BI_wU3h8pa/s1600/loading7.gif















https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6cGkhQhGX598eKSRjAXQsQkruvY1k9P8Bv3hrl6w5kzfFS6w5ZphZKKgeExnlj35VtfOlkzLlH8cJfnWSNZJ1BptE-yM3Q0eafkthMXHrU7i8iCCofrLx-mLnzipd8uTw9kr83TOHx6E/s1600/loading8.gif









https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq4Hkx8w4CDehZ-HrtwhQB2HyHPpGROUP14Wsdsg9kbRLeh6T2J0RyySPkbSLuU6x5sKO17s80RuGID9YfwEleKNWE3mvpRdYPgEinjUcLU1t_IwLpVzFlN3nQITKF37eorN0GffINMF5s/s1600/loading9.gif












https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdYmq643pUTA7nWegS1tGiKeNbxAX8-kMmq_lAaGp5a6ptt626PqTvooEZX8mPJqqELlpXMazcFZCzkUsgTxKkzc5CeyGSHfaO0BSvPrbSWqFTdCQfzn8HCS1pvXkz4vVjDk6oe2OdpeAV/s1600/loading10.gif











Untuk lebih Lengkap, kunjungi situs di bawah ini :



1. Ajaxload.info


2. Preloaders.net