Kumpulan efek loading keren pada Blog

Kali ini saya akan membagikan Kumpulan efek loading keren pada Blog untuk mempercantik blog anda.Berikut cara memasangnya
1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]</b:skin> atau </style>(GUNAKAN CTRL + F)
4. Copy kode css dibawah ini, lalu Paste diatas kode ]]</b:skin> atau </style>

/* Loading Page */
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrErtAObiBW8dRzyuKshALMq3wKcL_ztP_xd6hCQDGpqCEPlifL5HZ9od343bymHAq3v5ykO3svAkEE5b4Pcbt9xCtcvPoLfJAMe6_Y3yw29VYWxOHAt5crqeNSDP8CpMwlStsEVbZCbA3/s128-no/loading.GIF') no-repeat 50% 50%;padding:1em 1.2em;display:none}

Yang saya beri tanda merah di atas bisa anda ganti dengan kode animasi dibawah
5. Cari kode </body> (GUNAKAN CTRL + F)
6. 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>

7. Klik Simpan Template

Catatan :
- Anda bisa mengganti efek animasi loading dengan klik DISINI.
- Anda juga bisa mengganti efek animasi loading yang sudah saya siapkan dibawah.

Kumpulan Efek Animasi Loading Page .Gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3DClX81RG0q6Jmj2wmENWscrff7eJqwOcqcH_ioeglI-I4J6lFL5k7h2nIW03o1zVLTcMDs27ocS7GJxO4idHdNI-hqnGyFSQzCV_GNdb-sj7FBwguETXiYSPUbNySfyZB-8HQL0iE9I/s128-no/Loading1.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9M5UWkpjHHGGRA3FFbL-nMQcInYq9LhcS55iGMrnqfNDpvJVEQ8Akbhmn6S9rqj8RCpbX3zUVpetzkGVh82WwZfoMOe69g_FiNazwng1b3_m42NfrHqiqkH8E5gFtNN_7zPe41QgMHZc/s128-no/Loading2.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpP1I_DP3lzKrmKph3b-j0mtPa85oa8VC9CHuavVO71TDRQ_tuU4mVldcgi2Q5R__GrH76xcQWcxxpxtgJ_GBZ9wvn7xzVyuKufl-6mMJ4J5ZYnfvHM0NUx5fsXDfXft6E7yTg1dlfpMk/s128-no/Loading3.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRv3tIlyJADljF2U0NgQZe2x1AbOYSp86hd7XggvAZQLDOTtq3PhFqQCTzR_J8blnGYouxLJftBcQeBDKmPjKnemw01mXF5sTcPPRFmqOWw2HKaQHmVpm-3SLXE0qKNe6WDrIHy2b5I8c/s128-no/Loading4.GIF

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT0cUuFMewBu3bv7DQts9V1yT7EgyH0kK-hvbYYMZpXQpIPnNvLL5RMVrM1_z-C-NFATNjeTd0aev1UsspPmDVWCdb1IGe2tQQQ25Q5jMhoTiCBSYs-Bt6JZohR0PwSH9UacT1yrKBYlU/s128-no/Loading6.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSqdAbr3RRP0vhnyUve2vciazLu2msqln5teTAsWDuCcTrW2CLxAX0wgiXGTQnIicOb29rmCw6xpzSfx45NaXmay6jYWFBdUiNTjnCvo-QL5XIzWACkznJrX-3LsNChjNXQNbjfTLK_Ac/s128-no/Loading7.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMLxOYVONkp8bDqSRTKkzTAcQF2nU0HBNyMhx2TgEHiA3-Og5xdoe3AEUq8SWNBqhP8opwbRd-X4Bk6aXPnHUQ-Fv3c3kzlRNHYQJvuOAOQ2IN_9Q9vpMkZ96s390pIMEbkRs4Yfl_GcQ/w128-h54-no/Loading8.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi9OBQ4g0y2ma1pmIVE9_kbU5JjVi0NXH1SLusB3jzSNncjRmf71qxjIjC6cYaao0_PkBgSEvn8Ujs29f2agRR4L4i4SrJYyc29tqpRid4e_D_n1vdPxCHE2iGYuT7OY8rI7He2HGnAMk/s128-no/Loading9.GIF

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikyZH4xBqtHW3n-bI0QD9bLBnW2bP0AvAF07Og4yTE2_utz3RMmrlIk5ZXfFN6quxOCgpUqOC2TQJ2SeylD-2iE42KVUvh9lA5oCLMlenZTl2JXRyflwSmQU9WXDoXOE1xKi-Rk03x_cU/w128-h40-no/Loading10.GIF

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.