Monday, May 27, 2019

Cara Memasang Efek Loading Mudah Diblog Blogger

Monday, May 27, 2019

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 DasborBlogger 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;

  1. https://2.bp.blogspot.com/-qDdhR_GsgIc/VsXER4QHbXI/AAAAAAAAAKM/vGBuCifoo6E/s1600/Preloader_4.gif
  2. https://4.bp.blogspot.com/-La49jB3eAaY/VsXERZVHZiI/AAAAAAAAAKI/C0flV0p8RhQ/s1600/Preloader_1.gif
  3. https://2.bp.blogspot.com/-yIGhPxzyKTI/VsXERGuO2vI/AAAAAAAAAKE/whhuzUfbK2Q/s1600/Preloader_3.gif
  4. https://2.bp.blogspot.com/-qDdhR_GsgIc/VsXER4QHbXI/AAAAAAAAAKM/vGBuCifoo6E/s1600/Preloader_4.gif
  5. 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...



Bisa Anda Memberikan Komentarnya Dibawah Postingan Ini.



Salam Blogger; https://iyaseo.id/

Show comments
Hide comments