Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template
» » » Membuat animasi login di home blog

Membuat animasi login di home blog

Animasi , Tutorial Blog
Sunday 5 January 2014
Belum ada komentar


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/AVvXsEgJv9tqNJDTJGnPOcUjSb1ORnvxeIelC9XOxRMBt1Z-KMeQduIa1AJ0xKh3UxqwmB8sYULmrAP1eqaC2iCk-YG8QaRbrMJExsDsA1pyuiETd6XfPn38QJLD70SCzHaa6alz6-Aj08WQJFU/s28/Shutdown.png',
           Nama_Login_Anda = 'Irvan Efendy';
    </script>
    <script src='https://gadget-irvan.googlecode.com/files/animasi-login-home.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
Terima kasih telah membaca artikel tentang Membuat animasi login di home blog di blog blog sepot jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template