kesempatan ini riyan hidayat akan berbagi tutorial memasang efek animasi loading saat
halaman di muat yang bisa sobat tambahkan diblog.cara kerja dari trik ini sebetulnya
sangat sederhana yaitu code akan berjalan ketika sobat membuka blog saat proses memuat
halam dan berhenti secara otomatis ketika halaman tersebut telah termuat dengan penuh
Bagi sobat yang ingin mencoba efek animasi loading sederhana di blog,
silahkan ikutilangkah berikut ini
Memasang efek animasi loading sederhana di blog
1.Login Ke blog>Buka template Editor>tambahkan code dibawah ini sebelum ]]></b:skin> atau </style>
CSS
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDq4afM4v5ZF_F5T1IaRC6tnTr197UhWWyrDkBp-XFJs5gJdV0WnTeHPCRhjWuHRgI6xRfknGP4TNOutrLSnhh57KUuKyHznsr0E36KucTjTTOLny4NYt_PP-_ivv3Q429se_VW58h9PI/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;}
2.Selanjutnya tambahkan code di bawah ini di bawah <body>
<div id='cssload'/>
3.Tambahkan code di bawah ini sebelum code </body>
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
4.Simpan template dan lihat hasil nya//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
Demikian tutorial cara membuat efek animasi loading sederhana saat halaman dimuat
semoga bermenfaat
Author : Riyan
Terimakasih, telah membaca artikel mengenai cara membuat efek animasi loading sederhana saat halaman dimuat. Semoga artikel tersebut bermanfaat untuk Anda. Mohon untuk memberikan 1+ pada Google+, 1 Like pada Facebook, dan 1 Follow pada Twitter. Jika ada pertanyaan atau kritik dan saran silahkan tulis pada kotak komentar yang sudah disediakan.
Hallo guys, kenalkan nama saya Riyan Hidayat, add sosial network saya, yah !?..
Tidak ada komentar:
Posting Komentar