Kali ini aku akan share gimana Trik Membuat Efek Animasi Loading Keren Di Blog Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat teman yang ingin memasang animasi loading page pada blog yang bergerak ketika halman dimuat.
Trik Menambahkan Efek Loading Di Blog :
1. Bikin animasi loading menyerupai diatas yaitu dengan tips masuk ke sajian Template dan klik Edit HTML
3. Setelah itu masukkan script berikut sempurna diatas instruksi ]]</b:skin> atau </style> :
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsB4TyWDGqAk-hqxuae5HShNnk_oUtMKt96Mh-MRDLA6lCG8_7bk2xc2HzbbNkOk6a31sb7nZi5DLsXnMSUJt1qrbjzrjXCkkjmWltBi48J1NWzqghvMa-Gp1ykq8a3pGRBqYQvkTAjiU/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;}
4. Kemudian cari lagi instruksi <body> gunakan Ctrl+F juga biar cepat
5. Selanjutnya masukkan script berikut sempurna dibawah instruksi <body> :
<div id='cssload'/>
6. Kemudian cari lagi instruksi </body> biasanya paling bawah html blog
7. Lalu masukkan script jquery berikut sempurna diatas instruksi </body> :
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
Jika sudah teman sanggup klik Simpan template.. Selesai dan lihat hasilnya
8. Berikut tampilan blog yang telah berhasil di pasang pengaruh animasi loading page :
Nah itulah gimana tips menciptakan pengaruh animasi loading keren di blog dengan gampang dan cepat.
Silahkan dicoba
No comments:
Post a Comment