Membuat Animasi Login Di Home Blog - Animasi di home blog ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol.
Langsung aja ke tutorialnya :D
Letakan Element di bawah ini tepat di atas </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/AVvXsEhvTNgVI82lsMQ-1R2nX5KOFlqFW1ygYhNuc27-wdboDsM_xpYa51uwEpzdQ2l1RQQYJdQ0C7cxFd5TcPIpTKQBsZkgiFcJg6BahI8t9GvYDHGPAm_wonFwXOL7n9JB9jMfv5NBKceCHEE/s28/Shutdown.png',
Nama_Login_Anda = 'Santa_Mars';
</script>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/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 28px