Membuat Animasi Login Di Beranda Blog Versi 2

Sebelumnya saya telah memposting tentang Membuat Animasi Login Di Beranda Blog Versi 1, dan pada postingan kali ini saya akan membahas tentang Membuat Animasi Login Di Beranda Blog Versi 2. Apa bedanya?  Bedanya ada pada tampilan dan kecepatan loading animasi loginnya. Cekidot, kita simak langkah-lankahnya.

• Login ke blogger Anda
• Pergi ke Template > Edit HTML
• Letakkan element / kode script 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 128 x 128 Pixel -----
var  Gambar_Login_Anda =&#39;https://sites.google.com/site/situsdata/file/flash000.png&#39;,
       Nama_Login_Anda = &#39;rizki_rivaldi&#39;;
</script>
<script src='https://sites.google.com/site/situsdata/file/login2.js' type='text/javascript'/>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:#81BEF7;height:55%;width:100%;left:0;top:0;'/>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:#0000FF;height:55%;width:100%;left:0;bottom:0;'/>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:#000;height:100%;width:55%;left:0;top:0;'/>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:#000;height:100%;width:55%;right:0;bottom:0;'/>
<!-- Animasi Login End -->
<b:else/>
</b:if>

• Simpan Template dan lihat hasilnya

Keterangan : Kode berwarna biru bisa diganti dengan nama sesuka hati Anda