Selasa, 19 November 2013

Cara Membuat Animasi Login Cap Jempol Di Home Blog






Andret Anugrah - Cara Membuat Animasi Login Cap Jempol Di Home Blog ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol. Inspirasi ini didapat dari tetangga blogger kita santa-mars blogmates. Saya Pun tertarik dan langsung mencobanya bagi sobat yang ingin mencobanya silahkan ikuti langkah langkah berikut

Ini dia tutorialnya monggo di baca :D
  • 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/AVvXsEhveykARMwli6PbKH0f54QkW9CfUFEsQXl2YrnL8TtT064iOZCBV3r9BzPCMAQ9Q-aUR-NkUKonDwy97biCP1cg6CsoQpQ-LlmNR-cePMFqaQw1jnLD5QE4tXKJZjF97KyLm_po3518J6o/s28/Shutdown.png',
       Nama_Login_Anda = 'Andret Anugrah';
</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.


Artikel Terkait

0   komentar

Posting Komentar

Cancel Reply
Andret Anugrah