Cara Memasang Dampak Animasi Loading Di Blog

Cara Memasang Efek Animasi Loading di Blog - Efek animasi pada tutorial ini merupakan suatu imbas animasi loading page yang sederhana namun mempunyai tampilan yang tidak kalah menarik.

Untuk menciptakan imbas animasi page loading di blog kita hanya memakai sebuah HTML, CSS dan jQuery semoga sanggup menjadi sebuah imbas animasi page loading di blog.

Dengan memakai imbas animasi page loading ini tidak akan terlalu memberatkan Loading Blog Anda, sehingga Anda tidak perlu khawatir dengan penggunaan imbas animasi page loading pada blog Anda.

Cara Memasang Efek Animasi Loading di Blog  Cara Memasang Efek Animasi Loading di Blog

Untuk itu blog akan membagikan sebuah tutorial Cara Memasang Efek Animasi Loading di Blog, dengan menawarkan imbas animasi loading maka akan terlihat begitu menarik dan keren saat pengunjung blog sedang berada pada blog kemudian berpindah halaman maka imbas animasi loading page ini akan terlihat.

Selain imbas animasi loading page ada juga imbas animasi loading gambar atau sanggup di sebut juga lazy load yang sanggup mempercepat loading blog.

Baca Juga : Cara Pasang Lazy Load di Blogger

Baiklah eksklusif saja bagi Anda yang ingin menciptakan atau menambahkan imbas animasi loading page di blog terbaru, silahkan simak tutorialnya dibawah ini :

Tutorial Cara Memasang Efek Animasi Loading Sederhana di Blog


1. Login ke Blogger kemudian buka sajian Tema sesudah itu Edit HTML.
2. Tambahkan isyarat CSS dibawah ini sebelum ]]></b:skin> atau </style>.

#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm6FgfoA1gQz1BldRN7jz6YcQ2IYclDgjOqmKVTKDR3DBzRH2SA0A20jCR8vZPOTMG17_OidxZ-2seLzliss-qke5hGgJjBAnveVGZFxDbGS51UfnF3SE9vTjLcizdr54qZXL5d7vuqRc/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;}

3. Selanjutnya tambahkan isyarat HTML ini dibawah isyarat <body>.

<div id='cssload'/>

4. Tambahkan isyarat jQuery dibawah ini sebelum </body>.

<script type='text/javascript'> //<![CDATA[ // Loader $(window).bind("load",function(){$("#cssload").fadeOut(1e3)}); //]]> </script>

5. Simpan Tema dan lihat hasilnya.


Sekian tutorial Cara Memasang Efek Animasi Loading di Blog, selamat mencoba dan semoga berhasil.
Sumber https://www.denylistianto.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel