Cara Menunjukkan Efek Animasi Loading Sederhana Ketika Halaman Dimuat
Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat - Pada kesempatan ini akan membuatkan tutorial memasang pengaruh animasi loading ketika halaman dimuat yang dapat sahabat tambahkan di blog. Cara kerja dari trik ini bergotong-royong sangat sederhana yakni arahan akan berjalan ketika sahabat membuka blog ketika proses memuat halaman dan akan berhenti secara otomatis ketika halaman tersebut telah termuat dengan penuh.
Bagi sahabat yang ingin mencoba menambahkan Efek Animasi Loading Sederhana di blog, silakan ikuti langkah berikut ini
1. Login ke Blogger > Buka Template editor > Tambahkan arahan di bawah ini sebelum ]]></b:skin> atau </style>
2. Selanjutnya tambahkan arahan di bawah ini di bawah <body>
2. Tambahkan arahan di bawah ini sebelum </body>
4. Simpan template dan lihat hasilnya.
Demikian tutorial Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat. Semoga bermanfaat.
Bagi sahabat yang ingin mencoba menambahkan Efek Animasi Loading Sederhana di blog, silakan ikuti langkah berikut ini
Memasang Efek Animasi Loading Sederhana di Blog
1. Login ke Blogger > Buka Template editor > Tambahkan arahan di bawah ini sebelum ]]></b:skin> atau </style>
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9K0t24CZpqhVfSL5_zA_Y8tkHsZVh3gxjIvQsaD1ffR3_K-Qk-YipCcUunDShMp8GixixQ65eW4IieQrM5sjkW2mAOFx5-DqqApK8n8Ifr_QKEWVUm9Sl-b0T6OhoPyzga9v7MIbpC88/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 arahan di bawah ini di bawah <body>
<div id='cssload'/>2. Tambahkan arahan di bawah ini sebelum </body>
<script type='text/javascript'> //<![CDATA[ // Loader $(window).bind("load",function(){$("#cssload").fadeOut(1e3)}); //]]> </script>4. Simpan template dan lihat hasilnya.
Demikian tutorial Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat. Semoga bermanfaat.
0 Response to "Cara Menunjukkan Efek Animasi Loading Sederhana Ketika Halaman Dimuat"
Post a Comment