-->

Cara Membuat Efek Loading di Blog

Nah kali ini saya akan membagikan bagaimana cara membuat loading sederhana di dalam blog agan hehe. Nah alangkah lebih baiknya anda menyiapkan peralatannya kalo saya butuh Notepad++,dan klo blom apal sama Encode HTML boleh cari di google encode html karena banyak yang menyediakan tools encodenya secara gratis. langsung saja kita mulai

Langkah awal:

1. Login Ke Blogger anda → Template →Edit Template → Kemudian Tambahkan Kode scrip sebelum kode ]]></b:skin> atau </style>
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcONYVdXhooYeGfu3lhpC5LiJjvOuhA5VNpQU2z5U0ffinYyeftd4GDQAluVzeKQbUaafsHxrCi6gs5eORSURrqDmwwTfSdcnY8MN07GIhFC1rJeMMPPBuqYSxzk6qrCAoP28BXzE00Ug/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

2. Lalu tambahkan kode di bawah ini di bawah kode scrip <body>
<div id='cssload'/>

3. Tambahkan kode dibawah ini sebelum kode </body>
<script type='text/javascript'> //<![CDATA[ // Loader $(window).bind("load",function(){$("#cssload").fadeOut(1e3)}); //]]> </script>

Related Posts:

Disqus Comments

Popular

Newsletter

Your Ads Here

The Best Article

© 2017 Ember Dunia - Template Created by goomsite - Proudly powered by Blogger