Membuat Efek Animasi Loading Pada Blog - Hello, friend of Key Solution, in the article you are reading this time with the title Membuat Efek Animasi Loading Pada Blog, we have prepared this article well for you to read and retrieve information from it. Article All, Article Tutorial Blog, which we write, you can understand. Alright, happy reading.

Title : Membuat Efek Animasi Loading Pada Blog
link : Membuat Efek Animasi Loading Pada Blog

Membuat Efek Animasi Loading Pada Blog

Membuat Efek Animasi Loading Blog - kita sebagai pengguna blog tentunya ingin blog yang kita miliki terlihat bagus sehingga membuat pengunjung blog kita terasa betah berlama - lama berada di blog yang kita miliki, Efek Loading Blog ini merupakan salah satu desain yang menurut saya dapat menjadi solusi sekaligus mempercantik tampilan blog sobat. Efek animasi ini akan muncul setiap kali halaman blog sobat dibuka. bisa dibilang ini efek preloading untuk blog sobat.

Membuat Efek Animasi Preloading Blog di Blogger.

sobat bisa mengikuti langkah-langkah dibawah ini:

1. Masuk ke akun Blogger
2. Pilih Template > Edit HTML
3. Tambahkan Jquery Di bawah ini atas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> 


NB : Jika Di Blog Sobat Sudah tertanam Jquery Sebaiknya lw\ewatkan saja langkah ini, di karenakan di blog hanya boleh ada satu jquery :D 

     4. Cari kode </body> dan paste kode berikut tepat diatasnya, lalu simpan template

 <style>
#Hot-News01-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT5ufGSuixK_UhbC1crYyM7jgp7UXwvRIx7xkLbUUNDdqSP9LdHFZRWdJS-Ju0TwpURiPMc9B1fyJiuGQsAR7Q2UIYzyx_74PCvReFJH99aAFxFHbJ-2D_SIJfSf3hSAP8VPp_-W2X3RU/s200/load6.gif') no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="Hot-News01-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#Hot-News01-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script> 

Selesai. sekarang simpan template sobat dan lihat kembali blog sobat, Efek Animasi Pada Blog sobat sudah berhasil di pasang. semoga bermanfaat ya. trimakasih

That's all Articles Membuat Efek Animasi Loading Pada Blog

Past stories Membuat Efek Animasi Loading Pada Blog this time, hopefully can benefit you all. okay, see you in another article posting.

in the article you are reading this time with the title Membuat Efek Animasi Loading Pada Blog with the link address https://keysolution4u.blogspot.com/2015/07/membuat-efek-animasi-loading-pada-blog.html

Tweet