Cara Membuat Animasi Login Di BLog

Scholovers Blogger | kali ini Admin akan membahas Cara Membuat Animasi Login Di BLog, mengapa admin membahas ini??? karena, apabila pengunjung melihat home blog kita maka otomatis keluar animasi login  yang keren, tapi bukan login beneran, ini cuma animasi. silahkan Pasang di blog sobat dan ikuti langkah-langkahnya dibawah ini:

  • Masuk ke akun blogger anda
  • Pilih Template >> Edit HTML

  • Cari tag </body>  tekan CTRL + F untuk memudahkan pencarian.


  • Kemudian kopi dan Pastekan script berikut tepat diatas tag </body> :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin by fauzischolovers.blogspot.com -->
<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 ='http://s14.postimg.org/a8zlu92al/image.png',
       Nama_Login_Anda = 'Scholovers Blogger';
</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 by fauzischolovers.blogspot.com -->
<b:else/>
</b:if> 
  • Silahkan ganti nama login Scholovers Blogger pada script diatas dengan nama login Sobat
  • Ubah Huruf yang bewarna Merah dengan gambar yang Sobat inginkan
  • Simpan Template, selesai...

Semoga bermanfa'at..

Comments