Skip to main content
IYASEO ID

follow us

Cara Memasang Efek Loading Mudah Diblog Blogger

Animasi efek loading ini berfungsi ketika sebuah situsblog dibuka dan gambar giftnya bekerja saat proses memuat halaman di blog, Bagaimanakah? cara agar animasi efek loading ini bisa di pasang ke situsblog? ok, agar efek animasi loading ini berfungsi maka dengan mudah di blog Blogger dengan bantuan kode CSS.

Didalam postingan artikel ini admin akan membagikan cara bagaimana efek loading terpasang dengan mudah dan mengatur efek pemuatan di halaman dengan gaya di blog blogger blognya dengan bantuan beberapa kode CSS. Efek animasi loading bekerja dalam proses pemuatan halaman ini sepenuhnya berdasarkan pada gambar ".gif". 

Kode dan Script CSS ini yang akan menunjukkan efek animasi memuat pada setip kali pengunjung mengklik tautan di dalam situsblog anda. jadi sebelum sahabat menambahkan efek animasi loading ini di blog anda sendiri, pastikan untuk melihat contoh demo di blog ini.

Jika sahabat ingin memasang kode animasi loading di blognya, ikuti langkah-langkah mudah dan singkat di bawah ini,dengan hati-hati untuk menambahkan Efek animasi Pemuat Halaman CSS ini ke blog bloggernya ya sahabat.

langkah pertama Kunjungi www.google.com Anda, Sekarang buka bagian "Tema" dan kemudian klik tombol "Edit HTML". Dalam templat, editor menemukan kode di bawah ini dengan menekan tombol "Ctrl + F" bersamaan dari keyboard Anda. Lalu cari tulisan </body> Setelah itu salin kode di bawah ini dan tempelkan tepat sebelum </body>


<style type='text/css'>
#loading{
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url(&#39;https://lh3.googleusercontent.com/-w0k9WLYgI4E/VtV1Nimf30I/AAAAAAAAER4/PqMxsluu_-A/s500-Ic42/4f432d9234988a5f33b26e0ba06bc6fe.gif&#39;) no-repeat 50% 50%;

display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>

<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="loading">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#loading').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>

Dan ok Sekarang klik pada tombol Simpan Tema untuk menerapkan perubahan.sahabat dapat mengubah URL gambar yang disorot dengan URL gambar apa gift apapun sesuai selera masing-masing,berikut gambar gift lain nya;

https://2.bp.blogspot.com/-qDdhR_GsgIc/VsXER4QHbXI/AAAAAAAAAKM/vGBuCifoo6E/s1600/Preloader_4.gif

https://4.bp.blogspot.com/-La49jB3eAaY/VsXERZVHZiI/AAAAAAAAAKI/C0flV0p8RhQ/s1600/Preloader_1.gif

https://2.bp.blogspot.com/-yIGhPxzyKTI/VsXERGuO2vI/AAAAAAAAAKE/whhuzUfbK2Q/s1600/Preloader_3.gif

https://2.bp.blogspot.com/-qDdhR_GsgIc/VsXER4QHbXI/AAAAAAAAAKM/vGBuCifoo6E/s1600/Preloader_4.gif

https://4.bp.blogspot.com/-ewy07BU111Q/VsXESP6DMwI/AAAAAAAAAKU/VHakurICkW8/s1600/Preloader_6.gif

Itulah cara memasang efek loading mudah diblog blogger, Semoga artikel ini dapat bermanfaat bagi sahabat semua. Sekian dan terima kasih...

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar