Efek Loading Sederhana DiBlogger


Cara Memberi Efek Loading Sederhana DiBlogger Saat Halaman Dimuat - Tutorial kali ini akan membahas tertang cara memasang efek loading saat halaman dimuat. Efek ini akan keluar pada saat halam blog masih dalam loading dan akan otomatis berhenti saat halaman selesai dimuat.

Langkah Memasang Efek Loading Sederhana DiBlogger

1. Masuk keBlogger > Klik Template > Klik Edit HTML

2. Tambahkan kode dibawah ini tepat diatas kode ]]></b:skin>

#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzDY-zKvTt2vvfX8ti9azCU96cvWRTabzs9KghqsC3WNBWbCCi8fmAIy6JrMIzSgiuzWv07y-F7nUjzLUuwicCJqN2rbxhG9A9E7NcCiJDDs65E5_iXDbi_k4FtE8Mu3vS4J6cHGl24n4/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. Tambahkan kode dibawah ini tepat dibawah kode <body>

<div id='cssload'/>

4. Selanjutnya tambahkan kode dibawah ini tepat diatas kode </body>

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

5. SAVE dan lihat hasilnya.


Sekian untuk Cara Memberi Efek Loading Sederhana DiBlogger Saat Halaman Dimuat. Terimakasih
Next
Previous
Load comments
Click here for Comments

0 comments: