Halo Sobat Blogger, apa kabar ? Hari ini akan saya share tentang bagaimana cara memberi efek Loading, jika sebelumnya saya telah memberikan efek loading Flat PreLoad Kali ini saya akan memberikan tutorial cara membuat Efek Loading Buku, jika kalian tanpa memasang efek Loading, jika Loading Blog akan terlihat biasa biasa saja, tetapi jika kita memberikan efek Loading, para pengunjung blog mungkin tidak akan bosan menunggu loading blog kalian.
Yup, Gif diatas adalah gambar animasi Loading yang akan saya berikan hari ini, untuk penerapan jugalah cukup mudah, lihat dibawah
Membuat Efek Loading Buku di Blog
1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode ]]></b:skin> dan letakan kode dibawah ini diatasnya
#diload {background:url(http://s1.postimg.org/drlbpstvz/loadingbuku_dionimouz.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;}Untuk Link yang saya beri warna merah, adalah Gambar Animasi Loading, kalian bisa menggantinya sesuai selera kalian.
4.Cari kembali kode <body> dan letakan kode dibawah ini tepat dibawah kode tersebut
<div id='diload'/><script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#diload").fadeOut(1e3)});
//]]>
</script>Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.
