Cara Membuat dan Memberikan Efek Loading Animasi Sederhana pada Blog

KeyzeX – Memberikan Efek Loading Animasi Sederhana membuat blog yang agan kelola pada saat masuk pada url blog agan otomatis blog tersebut mengalami loading dengan menggunakan script Loading Animasi ini. Cara kerja script ini sangatlah mudah yaitu script akan jalan pada saat memuat halaman blog dan sedang proses memuat. Dan akan berhenti secara otomatis jika loading memuat blog sudah sepenuhnya beres dan termuat dengan penuh.

Cara Membuat dan Memberikan Efek Loading Animasi Sederhana pada Blog

 

Untuk memberikan atau menambahkan efek loading ini sangatlah sederhana, agan diharuskan mengikuti langkah-langkah dibawah ini agar proses pemasangan berjalan dengan lancar.

CARA MEMBERIKAN EFEK LOADING ANIMASI


1. Pastikan agan sudah login pada blogger.com.
2. Pada bagian Dashboard pilih Template > Edit HTML lalu tambahkan code 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;}

3. Lalu cari <body> dan tambahkan code dibawah ini tepat sebelum code <body> tadi.

<div id='cssload'/>

4.Kemudian tambahkan lagi code di bawah ini tepat sebelum </body>

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

5. Save template dan coba lihat hasilnya.

SEMOGA BERMANFAAT.

Leave a Reply

Your email address will not be published. Required fields are marked *