Cara Menciptakan Dampak Loading Ketika Halaman Dimuat
Loading ialah sesuatu hal yang tidak dapat dihilangkan ketika kita sedang berselancar di internet, tapi terkadang loading yang usang sering kali menciptakan pengungjung jengkel sehingga enggan menunggu hingga laman web yang sedang dimuat selesai dan selesai nya pengungjung blog kita pun pergi begitu saja.
Karena salah satu alasan itulah disini aku akan memperlihatkan tutorial cara menciptakan imbas loading dikala halaman dimuat supaya pengungjung blog sahabat betah menunggu laman web yang sedang di load, sebelum lanjut ke pembahasan aku kasih screenshoot nya terlebih dulu.
Bagaimana tertarik memasang imbas animasi loading sederhana di blog sahabat ? bila iya silahkan simak tutorial nya hingga selesai ^_^
Dengan memasang imbas animasi loading pada blog ibarat ini akan menciptakan pengunjung blog sahabat tidak bosan ketika menunggu halaman blog sahabat selesai dimuat, sehingga pengunjung blog tidak pergi begitu saja meninggalkan blog sahabat yang usang ketika proses loading nya.
Sekarang kita lanjut ke proses pemasangan nya.
Memasang Efek Animasi Loading di Blogger
Masuk ke Dashboard Blogger > Template > Edit HTML, lalu cari instruksi ]]></b:skin> atau instruksi </style> supaya lebih gampang tekan CTRL + F untuk pencarian dan pastekan instruksi dibawah ini sebelum kode ]]></b:skin> atau </style>.
Kalau sudah selanjutnya pastekan instruksi dibawah ini dibawah kode <body>
Langkah selanjutnya paste instruksi dibawah ini sebelum kode </body>
Terakhir, simpan template dan coba refresh halaman blog sobat, cara kerja dari script ini yaitu ketika sahabat memuat salah satu halaman blog otomatis akan muncul imbas animasi dan akan berhenti apabila proses loading nya selesai, semoga bermanfaat & selamat mencoba.
Perlu sahabat ketahui memasang imbas animasi loading ketika halaman dimuat pada blog tentu saja akan mempengaruhi kecepatan loading blog sobat, jadi aku sarankan supaya sahabat lebih bijak lagi ketika memasang plugin maupun widget komplemen pada blog.
Source references :
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBIux05byq5Vur-_gmrNCtozptxAXPjrPex6DbAHDCOWgWgUYM9FdXp5dhQgsbQo1ssqSUH0Xo3MobIiH7_dCfS9Pr2uFauZyGdvHwhv6FV7UMX4QtLHm5J5tptGrp0f2cUSQZPyGj-Hw/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;}Kalau sudah selanjutnya pastekan instruksi dibawah ini dibawah kode <body>
<div id='cssload'/>Langkah selanjutnya paste instruksi dibawah ini sebelum kode </body>
<script type='text/javascript'> //<![CDATA[ // Loader $(window).bind("load",function(){$("#cssload").fadeOut(1e3)}); //]]> </script>Terakhir, simpan template dan coba refresh halaman blog sobat, cara kerja dari script ini yaitu ketika sahabat memuat salah satu halaman blog otomatis akan muncul imbas animasi dan akan berhenti apabila proses loading nya selesai, semoga bermanfaat & selamat mencoba.
Perlu sahabat ketahui memasang imbas animasi loading ketika halaman dimuat pada blog tentu saja akan mempengaruhi kecepatan loading blog sobat, jadi aku sarankan supaya sahabat lebih bijak lagi ketika memasang plugin maupun widget komplemen pada blog.
Source references :
/search?q=cara.menambahkan.efek.loading.di.blog
Belum ada Komentar untuk "Cara Menciptakan Dampak Loading Ketika Halaman Dimuat"
Posting Komentar