Cara Membuat Animasi Login Di Home Blog

Pada kesempatan kali ini gue akan share Cara Membuat Animasi Login Di Home Blog. Animasi Login Di Home Blog ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol.
Check this on:
1. Letakkan Element dibawah 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/AVvXsEgUB8_-jX0HsqMajyJNJuyAhvv1Nra1nv1g1BO6q9scV5ijUDNcJzCPMpUnVBK7nU9FbMIXBF5r0_tUpLCVSvfVZahzEsQdlV1E7fThw0QPE_Rm330Vhzz5PkxRGrZVxmdl30EkbVgKysI/s28/Shutdown.png',
       Nama_Login_Anda = 'Nugra Wahyu';
</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 28 pixel

Demikian artikel Cara Membuat Animasi Login Di Home Blog. Semoga artikel ini dapat berguna dan bermanfaat bagi lo yang membutuhkan. Jika ada yang kurang jelas silahkan komentar dikolom komentar dibawah atau bisa langsung hubungi Nugra Wahyu / @nugrawahyu