Kamis, 20 Juni 2013

0 Cara Membuat Loading Di blog



Tutorial Belajar Blog - Cara Membuat Animasi Login Cap Jempol Di Home Blog ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol.

  • Buka Template > Edit HTML > Expan Template Widget
  • Cari kode </body>
  • Lalu Paste kan kode di bawah tepat di atas kode </body>


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin -->
<div id='animasi-loginSM' style='position:fixed;z-index:9001;background:transparent;height:100%;width:100%;left:0;top:0;'>
<script type='text/javascript'>
// ----- Gambar Ukuran 28 x 28 Pixel -----
var  Gambar_Login_Anda ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzUhSNe_Y6IGCaYB86aSq9tpEMeNIpKT7FHx8M2c8uXDPRPmo0DuVqiZr6bja5s9gscsBoNLd_RpEFgLXkOhl4zrH8rLHQTOa98is8YUeA3T4n9Jsd1eUtKFJ_UVPLJgqk5duTY2jZuM/s28/Shutdown.png',
       Nama_Login_Anda = 'Hamdan Sanjaya';
</script>
<script src='https://tutorialbelajarblogger.googlecode.com/files/animasi-login3.js' type='text/javascript'></script>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'></div>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'></div>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'></div>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'></div>
<!-- Animasi Login End -->
<b:else/>
</b:if>

Note!
  • Gambar Login ukuran 28 x 28 pixel
  • Tulisan Yang Berwarna Merah Bisa diganti dengan Nama Anda Sendiri
  • Js yang Berwarna Kuning Lebih baik diganti dengan Js anda Sendiri apabila diganti juga tidak apa2
Terima Kasih Sudah Berkunjung Semoga Tidak Lupa Untuk Berkomentar.

0 Comments

Bagaimana Pendapat Anda ?