“And The life of this world is but playing and an amusement. but the home of the Hereafter is best for those who fear Allah, Will you not then understand??” (QS Al-An’aam : 32)

Cara membuat Loading animasi pada blog

Selasa, Agustus 16, 2016 , 1 Comments


Berikut saya share cara membuat loading animasi pada blog, langsung saja ke TKP !!

1. Buka template > edit template letakkan kode dibawah ini diatas ]]></b:skin
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuISy9A56Qx_EbYIK4v9D8sW2fxyq-WTV1mZsqdWOXwfPGXycTRIuhw4dCycanm3ECLKcByjSHk2-XP8A5EuRTRTdgGOYnvhij1xMof-9QVqD2j1dpa0YY849NsF3n9BCD_66kAvy5LE/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. Kemudian tambahkan kode dibawah ini dibawah <body>
<div id='cssload'/>

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

4. Simpan dan lihat hasilnya..

Berkata yang baik, atau diam lebih baik untukmu.

1 komentar:

Langganan: Posting Komentar (Atom)