Cara Menciptakan Dampak Animasi Loading Keren Di Blog Terbaru
Efek animasi loading ketika halaman dibuka / dimuat pada blog, wordpress atau website sanggup menciptakan tampilan situs web tersebut menjadi keren dan menarik. Selain itu memasang atau menambahkan dampak status loading di blogger ini juga ringan tidak terlalu berat alasannya yakni tidak menggunakan banyak isyarat html, hanya menggunakan beberapa isyarat css dan javascript. Untuk cara kerja dari animasi loading page ini sangat sederhana yaitu akan muncul dan bergerak ketika memuat halaman ketika membuka blog dan akan berhenti / menghilang secara otomatis dan perlahan ketika blogspot kita sudah termuat secara penuh.
Kali ini aku akan share gimana Cara 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 halaman dimuat.
Cara Menambahkan Efek Loading Di Blog :
1. Bikin animasi loading menyerupai diatas yaitu dengan cara masuk ke hidangan Template dan klik Edit HTML
2. Kemudian cari isyarat ]]</b:skin> atau </style> gunakan Ctrl+F untuk memudahkan pencarian
3. Setelah itu masukkan script berikut sempurna diatas isyarat ]]</b:skin> atau </style> :
4. Kemudian cari lagi isyarat <body> gunakan Ctrl+F juga biar cepat
5. Selanjutnya masukkan script berikut sempurna dibawah isyarat <body> :
6. Kemudian cari lagi isyarat </body> biasanya paling bawah html blog
7. Lalu masukkan script jquery berikut sempurna diatas isyarat </body> :
Jika sudah teman sanggup klik Simpan template.. Selesai dan lihat hasilnya
8. Berikut tampilan blog yang telah berhasil di pasang dampak animasi loading page :
Nah itulah bagaimana cara menciptakan dampak animasi loading keren di blog dengan gampang dan cepat.
Silahkan dicoba
Kali ini aku akan share gimana Cara 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 halaman dimuat.
Cara Menambahkan Efek Loading Di Blog :
1. Bikin animasi loading menyerupai diatas yaitu dengan cara masuk ke hidangan Template dan klik Edit HTML
3. Setelah itu masukkan script berikut sempurna diatas isyarat ]]</b:skin> atau </style> :
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_e5hI4jNTkU0w_j9g-hqM5HJaQ8K-afxqWBV02ymNqq1WN4IJiF9TURceM9AhhUph_n8JEQafBHkSxuLnKRWwnE3-maWPyI0VoNBhevf0lQcL136TLkZHZD1yGFMiFYCitZzVPGGxhyE/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 isyarat <body> gunakan Ctrl+F juga biar cepat
5. Selanjutnya masukkan script berikut sempurna dibawah isyarat <body> :
<div id='cssload'/>
6. Kemudian cari lagi isyarat </body> biasanya paling bawah html blog
7. Lalu masukkan script jquery berikut sempurna diatas isyarat </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 dampak animasi loading page :
Nah itulah bagaimana cara menciptakan dampak animasi loading keren di blog dengan gampang dan cepat.
Silahkan dicoba
Komentar
Posting Komentar