Memasang Efek Animasi Loading Blog Keren

VENGEANTECH - Bagi anda yang ingin memperkeren blog / website anda dengan menambahkan Efek Animasi Loading, ikuti saja langkah langkah dibawah ini.

Memasang Efek Animasi Loading Blog Keren

1. Pertama pastinya masuk dulu ke blogger anda
2. Lalu kemudian masuk ke menu template ~>> Edit HTML
3. Cari kode ]]></b:skin> atau </style> ~>> gunakan CTRL+F untuk cepat mencari nya
4. Setelah itu Copy kode css di bawah ini, lalu paste diatas kode ]]</b:skin> atau di atas kode </style>

/* Loading Animation */
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url(&#39;http://fc04.deviantart.net/fs70/f/2013/094/8/d/loading_logofinal_by_zegerdon-d60eb1v.gif&#39;) no-repeat 50% 50%;padding:1em 1.2em;display:none}

5.Copy kode jQuery dibawah ini, lalu Paste diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>

6. Langkah terakhir klik Simpan Template

Catatan : kode yang berwarna merah di atas adalah Link/URL gambar loadingnya

- Anda bisa mengganti efek animasi loading dengan mengunjungi website ini http://preloaders.net.
- Anda juga bisa mengganti efek animasi loading yang sudah saya siapkan di bawah ini.

Kumpulan Efek Animasi Loading Page .Gif

Inilah beberapa efek ajax animasi loading page yang saya ambil dari google, silahkan bisa Anda pilih dibawah ini atau anda bisa langsung cari saja di google dengan kata kunci Loading atau apalah sesuka sobat saja, Daftar Animasi Loading dibawah ini silahkan dicoba :

http://tributi.regione.calabria.it/sigetri-portlet/resources/img/loading.gi

https://www.alumni.polimi.it/img/loading.gif

http://www.funclipcard.com/Images/framely.gif

http://fc03.deviantart.net/fs71/f/2013/003/6/9/partart_loading_boredoom_6_by_g2k2007-d5q8zyt.gif

http://fc04.deviantart.net/fs70/f/2013/094/8/d/loading_logofinal_by_zegerdon-d60eb1v.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgofiiyqfuwJ2ElDIktgOXFN0FaTCjuhNzcI4MDFCmKEpAnZZ7iHhvF4f5JhYpyBcHXynVg25_IJXd3HEqO_x0V3eDFJHvU-1uVv5Y39fAmeY_rRMA9cQDXSkSaBXkLw4K0E9wJCpFCXeg/s128-no/Loading1.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicZScoCTT4lqziea_T09IMp5QIeYw09ro9gFWAykUoagQ-fhxbSF-dY7vJe_A5_M8PMZGTGPBwO6upXzTKPgw31XELb6JHfx-ZnOGJsh2RLwnVgjCao4C_dbRByzOR9a2oExMkoJHw9c/s128-no/Loading2.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJry5UMycKx0DNj8h_JIQjvtkHNS-EGGS7VejGrN70GeCovYHJL7J-O6a-DB72y-OmL0_c7z9PbdJprhYUodxoEno7jR_1YCXqQrx0MjUPC6mocCTETuERD069A8BOOrC6gZNXFHmAius/s128-no/Loading3.GIF
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9AiB1glb7c3bmzsmAY5DWAxRVGvtUCuyr1yt6AAyswxcj5zvON8kNfKmIx8t8WK64JSv2welWMrFt2x5aOmKl2SjCdvoaf7lOAcKQStUBbsc3U4ZzLKH33MJU0G8DIYNQsUwt3lRMBg/s128-no/Loading4.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsaYBfWsbqwIh7apYMvC710B5kqRQoX-fi4ZDXf2z9Z3lbUz_sQ1j4qJkFpnacMQc7EAX6eWyjX_GS63pHv5AhF390MbnK16x3vEUsKFHgeXDBlXf2D40cSnqB4NUTeCbmPKg014xvDsI/w124-h128-no/Loading5.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvQluQXgP5I-Az8xZGIs-van1vRElpKGUYtpLjDwFUQLlSLGJYAJlkBIaYMMbZcfr4Opqh5qmIf1izEzgmepIzv_VGlCpehM5osFkyHsDRoNnnye1Cr6UEGb1hEC4Ij7LSI_EdUVJlusI/s128-no/Loading6.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8klSmXDAV-o8-QX7aYJJ5BGl6RxpbjpONgdPdxemzAwjc5WZxEMcGgEToD47wLwte6UJP-iAgkjohnOtl4ZFzRHb76A1A2Ugq-818X_9kKo9e2wceFa3n7jQ8PuskJklBqK0UCUkf7w0/s128-no/Loading7.GIF
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjYaLsQm8ieprIJsYYdaDpeHUSLQnkr4gBLo0cdoFXP_Zgoa41yMJGOLl8qReGW8QgLMCerStXsI-PhWv5nSxYjqg3W47cXuc_yKO8PtqVOIcUpXQ_a-oIsqmjGkD3AxAMhTwQUi1RJc/w128-h54-no/Loading8.GIF
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl1TklnxNN2FNzzV1j-mUmpbgppFgsIcryUqk984njk7VKr2mBauiWBJzoB3N3fZ0xi100dQ6ox7z0Fquuru29Hi00ySHJzS3XFDamOANnvBNZW2SqUwiDrARriLaNPbC5xgjoKsFZ2Vc/s128-no/Loading9.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMEhJLiWzI5h7L7cSUhoq1x5rPmV7z39x6p5eiYvR9_ZSFueOcSnvL77PVoUHpHdqZnCcghSxJTdyLq9qTtcwK8vR6psHck7BTVXisvUopwi_O0R15fgkcEHLOA-f6sIbOpTw_xCXgUU/w128-h40-no/Loading10.GIF

Sekian tutorial kali ini gan, Selamat mencoba dan kunjungi postingan lainnya.

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://vengeantech.blogspot.com/. Terima kasih.