Tutorial Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat


Bagi sobat yang ingin mencoba menambahkan Efek Animasi Loading Sederhana di blog, silakan ikuti langkah berikut ini

Memasang Efek Animasi Loading Sederhana di Blog


1. Login ke Blogger > Buka Template editor > Tambahkan kode di bawah ini sebelum ]]></b:skin> atau </style>

#cssload {background:url(http://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/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. Selanjutnya tambahkan kode di bawah ini di bawah <body>


<div id='cssload'/>


3. Tambahkan kode di bawah ini sebelum </body>


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


4. Simpan template dan lihat hasilnya.



Demikian tutorial Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat. Semoga bermanfaat.

Tidak ada komentar untuk "Tutorial Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat "