Membuat Animasi Login Di Home Blog by SM

Membuat Animasi Login Di Home Blog by SM ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol. Yah, lumayan memberikan kesan yang menarik para pengunjung ketika berada di home blog kita.

Ya udah langsung tancap tutorialnya gan.

Animasi Login Home Blog

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/AVvXsEjFJg-Yv9zLihxI9Qc4__KTc34Sr4yrpTDc7QpmIW4Imp9p-P8XUof8JOb-GErN9B5g7icKC3oH4d2y14q-42tx-pvbGNjXFEnhGjwiucrdixLTvp37C5weKm1qNbcCYZqn-cc5tSODefw/s28/Shutdown.png',
       Nama_Login_Anda = 'Santa_Mars';
</script>
<script src='http://not-remove-admin-3.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>

Demo