Membuat Animasi Loading Page Dark Style di Web/Blog

HaiSob apa kabar? ok sob setelah sebelumnya juga saya sudah pernah membagikan efek loading sederhana, maka pada kesempatan ini saya akan membagikan lagi cara membuat efek animasi loading page dengan gaya yang lain, dan bisa kamu pasang web/blog kamu.

Kegunaan memasang efek loading seperti agar nantinya sebelum halaman page selesai di load, pengunjung akan melihat efek animasi loading ini dari pada melihat bagian-bagian template yang sedang di muat bagian demi bagian.

Loading Page Dark Style


Membuat Animasi Loading Page Dark Style di Blog
Loading Page Animation

Cara membuat loading page animation di Blogger


1. Masuk ke menu Template ➔ Edit Html
Membuat Animasi Loading Page Dark Style di Web/Blog
Template ➜ Edit HTML

2. Selanjutnya, letakkan javascript dibawah ini tepat diatas kode </head>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js' type='text/javascript'></script>
<script src='https://cdn.rawgit.com/Brando07/haisob/newbe/loading-haisob.js' type='text/javascript'></script>
<link href='https://cdn.rawgit.com/Brando07/haisob/newbe/loading-haisob.css' rel='stylesheet' type='text/css'/>
Jika sudah ada kode berwarna seperti diatas, sebaiknya tidak usah dipasang lagi.

3. Letakan kode dibawah ini dbawah <body>
<div id="element" class="introLoading"></div>
4. Save tamplate.
5. Cek hasilnya, jika kurang puas kamu dapat mencoba animasi loading blog yang lain disini.




Postingan ini sebenarnya sudah di muat di blog saya yang lain seocips, tapi karna blog itu sudah dihapus maka saya memuatnya kembali disini.

ok sobat sekian, semoga bermanfaat.
Join This Site