Cara Memasang Animasi Login Pada Blog - Rrezsukma

Breaking

BANNER 728X90

Thursday, 4 April 2013

Cara Memasang Animasi Login Pada 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 Sob.

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 ='http://1.bp.blogspot.com/-2KG5Pihvxjg/UPqNqJmGDyI/AAAAAAAABSI/OR8XesX6cGM/s28/Shutdown.png',
           Nama_Login_Anda = ':Fanz_Vrozen™';
    </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>

 Keterangan :

Ganti Tulisan Yang Saya Tandai Warna Hijau Dengan url Gambar Kalian

Ganti Tulisan Yang Saya Tandai Warna Biru Dengan Nama Login Kalian

Note!

Gambar Login ukuran 28 x 28 pixel

Sumber : http://santa-mars.blogspot.com/2013/03/membuat-animasi-login-di-home-blog.html


No comments:

Post a Comment