Cara Mudah Membuat Efek Loading Blog

Mungkin Anda merasa kurang suka dengan template Anda saat ini karena tampilanya yang biasa saja, dan mungkin Anda berniat ingin menambahkan efek loading blog ketika halaman blog Anda sedang loading.
Pada saat masih loading halaman Anda akan berubah menjadi gelap atau hitam dan muncul tulisan loading beserta animasi berputar.
Jika anda berminat silahkan ikuti langkah langkah dibawah ini:
1. Pastinya Login dulu ke akun blog Anda, misalnya blogger.com
2. Copy kode css dibawah ini, lalu Paste diatas kode ]]</b:skin> atau </style>

#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/AVvXsEiQ4voZo1vyCMRNA7uE4xSNOKbyw7K54FvcuO6Y0RcT3EvlLbMy5dytlK6OJHXqy7R-P3ilsxlKbRHG7n4HzEdXOY-HAku2DzNUuj_J-RxMKrlBX1rPQq3Rs9hAuTYkVu9P9TjPTaYj5mnX/s128-no/loading.GIF') no-repeat 50% 50%;padding:1em 1.2em;display:none}

3. 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>

4. Klik Simpan Template

Share this Article