Cara membuat animasi login di blog

 

Pada  postingan kali ini saya akan share ke anda tentang cara membuat dan menambahkan animasi log in di blog. Animasi ini saya temukan di blog tetangga sebelah, animasi ini cukup unik dan menarik sehingga penulis postingkan kembali. Jika anda tertarik, silahkan terapkan di blog anda dan ikuti langkah-langkahnya dibawah ini:

• Masuk ke akun blogger anda
• Klik drop down menu-> 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 jalu-pangna.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 ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlNrARH6D7XA-ZvUSxQ1huhIT0gsfKlbvQGWLGXUjjHu7NGccz0U3BlX23kpOx0p4kwp3YkgFufMY0moG8Qx6hWUid3sMhCZfy1SMDCmvw6k0cNCmUvqvYD6qHP2G4mYmF72UsmXrxc_k/s28/Shutdown.png',
       Nama_Login_Anda = 'jalupangna';
</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 jalu-pangna.blogspot.com -->
<b:else/>
</b:if> 

• Silahkan ganti nama login jalupangna pada script diatas dengan nama login anda
• Simpan Template, selesai...

Semoga bermanfa'at..