Pemula: Cara Membuat Loading Page Animasi Dark Di Blog/Web

 


NHplays - Sebelumnya saya pernah membagikan bagaimana cara membuat efek hujan salju di blog. Untuk lebih mempercatik blog anda kali ini saya akan membagikan bagaimana cara mrmbuat animasi loading page dengan gaya Dark style dan bisa anda pasang di blog anda.


Manfaat dan kegunaan selain untuk mempercantik web/blog anda, memasang efek loading page agar nanti sebelum halaman page selesai loading. Pengunjung akan melihat efek animasi loading.

Cara membuat animasi loading page

  • Login ke akun blogger anda.
  • Pilih menu Template >> Edit HTML.
  • Kemudian letakan kode di bawah ini diatas </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/share/newbe/loading-seocips.js' type='text/javascript'></script>
<link href='https://cdn.rawgit.com/Brando07/share/newbe/loading-seocips.css' rel='stylesheet' type='text/css'/>

  • Bila sudah ada kode berwarna seperti diatas, sebaiknya tidak perlu di pasang lagi.
  • Lalu letakan kode di bawah ini dibawah kode <body>

<div id="element" class="introLoading"></div>

Save template, selesai.
Selamat mencoba dan semoga bermanfaat

    Choose :
  • OR
  • To comment
Tidak ada komentar:
Write komentar