Cara membuat animasi login di blog


Pada  postingan kali ini saya akan share ke anda tentang cara membuat dan menambahkan animasi log in di blog. Animasi ini saya temukan di blog tetangga sebelah, animasi ini cukup unik dan menarik sehingga penulis postingkan kembali. Jika anda tertarik, silahkan terapkan di blog anda dan ikuti langkah-langkahnya dibawah ini:
  • Masuk ke akun blogger anda
  • Klik drop down menu-> Template -> Edit HTML

  • Cari tag </body>  tekan CTRL + F untuk memudahkan pencarian.


    • Kemudian kopi dan Pastekan script berikut tepat diatas tag </body> :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- Animasi Login Begin by jalu-pangna.blogspot.com -->
    <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 = 'jalupangna';
    </script>
    <script src='https://tutorialbelajarblogger.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 by 
    jalu-pangna.blogspot.com -->
    <b:else/>
    </b:if> 
    • Silahkan ganti nama login jalupangna pada script diatas dengan nama login anda
    • Simpan Template, selesai...

    Semoga Bermanfaat.

    Sumber : http://jalu-pangna.blogspot.com/2013/04/cara-membuat-animasi-login-di-blog.html

    0 komentar:

    Syarat Berkomentar :

    -Coment yang sopan !!
    -Tidak mengandung kata2 Negatif.
    -Dilarang Menghina dll.

    Salam DND Ryujinki (^_\ \

    Recent Comment