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. 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.

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/AVvXsEhyCrF5ICOYucG5YI7K9DYr2GWDbpPvpNNCLU78wAmrIbV6ZFzakVoZDwKilelU_J0ZnHG0XsvWA74y0H4CmAzga9LZ8kBRNgQJz3pr_hvoQ_SPtdvJ_20NwX1x9SM4A-y3rWqwaP5J6-c/s28/Shutdown.png',
       Nama_Login_Anda = 'Irvan Efendy';
</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



Note!
  • Gambar Login ukuran 28 x 28 pixel
Bagikan ke Teman ›
lintasme
facebook share
Tweet Button
Digg Submitter

Ditulis Oleh : Ð'₦ïḡɧŧɱẩŗε™ ~ Deskripsi Blog Anda

Artikel Membuat Animasi Login Di Home Blog ini diposting oleh Ð'₦ïḡɧŧɱẩŗε™ pada hari . Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Jangan lupa bagi yang mau Copas cantumkan sumber :

:: Irvan Efendy ::

Artikel Terkait

0 komentar

Posting Komentar

Cancel Reply