Our amazing new site will launch in

2013/04/21

Membuat Animasi Login Home Blog

Membuat Animasi Login Home Blog
Animasi Login Home Blog
Animasi Login Home Blog - ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol. Inspirasi ini saya dapatkan dari tetangga blogger kita dan saya padukan dengan pengalaman tentang jQuery saya. Yah, lumayan memberikan kesan yang menarik para pengunjung ketika berada di home blog kita.

Berikut Tutorialnya :

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/AVvXsEixIzZdgur9O_iVZ_Kq1vAYhmxUDjnYEKGa4pv1VQ_G5Kome6a5x1_zIID-NM8bSx5lpkCD7i8lvNt2KWhC2jxCgJNR8Hw8aEou_03bbjGcvh8OTOaTWrBmk__jQXlv2PwVU2dsAV0zuI0/s28/Shutdown.png',
       Nama_Login_Anda = 'Santa_Mars';
</script>
<script src='http://fuck-u-admin.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 

Note!
Gambar Login ukuran 28 x 28 pixel


Tidak ada komentar:

Posting Komentar

Followers

Recent Posts

Social Buttons

Fanpage Facebook

eXTReMe Tracker