Cara kerja dari efek loading ini cukup sederhana, yaitu efek loading akan muncul pada saat memuat halaman, dan akan secara otomatis pula menghilang ketika halaman sudah dimuat 100%.
Jadi apakah kamu tertarik untuk membuat efek loading ini dan menerapkannya di blog mu? Dibawah ini merupakan DEMO efek loading yang akan diberikan.
1. Login ke Blogger > Template > Edit template > cari kode ]]></b:skin> atau </style> Setelah ditemukan, copy dan pastekan kode dibawah ini tepat sebelum kode ]]></b:skin> atau </style> tadi
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTlAgbG-pUrEOHxWsgib5rXkw1GUWUsZxJ87NYdKyTsvQf1iU72WeSCbX1fqAfpd735Tx0x6epxvm1zXZ4zMHBp2aJOu7cPZX0uCXsL8fo37OuYZMNT31QllW7Afcpfd-g_aXeMLFiPM/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;}<div id='cssload'/><script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>Yang membuat lebih keren lagi adalah anda bisa merubah gambar tampilan efek loadingnya seperti yang anda inginkan. Dengan cara mengganti link https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTlAgbG-pUrEOHxWsgib5rXkw1GUWUsZxJ87NYdKyTsvQf1iU72WeSCbX1fqAfpd735Tx0x6epxvm1zXZ4zMHBp2aJOu7cPZX0uCXsL8fo37OuYZMNT31QllW7Afcpfd-g_aXeMLFiPM/s1600/loading.gif Menjadi link gambar yang ingin anda jadikan sebagai efek loading tersebut.
Masih ada keraguan atau pertanyaan? Jangan ragu untuk memberikan komentar anda dibawah.
Referensi : http://www.arlinadzgn.com/2016/02/cara.menambahkan.efek.loading.di.blog.html
Tambahkan Komentar Sembunyikan