Tutorial Lengkap Cara Membuat Efek Loading pada Blog - Mau membuat blog agan semakin keren ? agan bisa coba memasang efek loading ini pada blog agan. Fungsi nya buat apa min ? yaa sebenarnya ini hanya menambah tampilan saja. Agar blog agan terlihat lebih bagus. Efek loading blog ini sangat admin rekomendasikan untuk para blogger yang ingin blognya terkesan lebih profesional.
Efek ini menggunakan sentuhan jQuery gan. Karena untuk membuat sebuah objek muncul dan menghilang memang sudah pasti itu tugasnya jQuery. Maka dari itu untuk pemasangan jQuery nya nanti bisa cek scriptnya di kolom tutorial pemasangan.
Screenshot
Tutorial PemasanganPertama masuk ke template, dan cari kode </b:skin>. Kalau sudah ketemu sekarang copy script css dibawah ini tepat diatas kode </b:skin>.
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1h7njtBIhx-Y3XDcddoTPgw77vmep0J5B2psWBvLwQ1WcieqqJPjrWnP6nqVgUW0Bj70LJG0M4grF85SYAhTBlzd9j9psoVEUSZLoisqVwNB_OL3XWk9qoRt1cbCTa-a59ctdzhUiDO8/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;}Kedua pasang script HTMLnya gan. Untuk penempatannya agan tinggal cari kode <body> atau jika tidak ada kode <body dan pasang script HTMLnya tepat dibawah kodenya.
<div id='cssload'/>Ketiga tinggal agan pasang script jQuerynya. Pasang scriptnya tepat diatas kode </body>
<script type='text/javascript'>Sekian tutorial yang bisa admin sampaikan. Untuk mengedit, seperti biasa silahkan agan cek script css nya. Agan bisa coba utak atik kode - kode nya. Seperti merubah warna background, atau mengganti gambar loadingnya. Agan bisa tanyakan dikomentar cara mengeditnya. Terimakasih
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
0 comments
Post a Comment