Tutorial Belajar Blog - Cara Membuat Animasi Login Cap Jempol Di Home Blog ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol.
- Buka Template > Edit HTML > Expan Template Widget
- Cari kode </body>
- Lalu Paste kan kode di bawah tepat di atas kode </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/AVvXsEjIzUhSNe_Y6IGCaYB86aSq9tpEMeNIpKT7FHx8M2c8uXDPRPmo0DuVqiZr6bja5s9gscsBoNLd_RpEFgLXkOhl4zrH8rLHQTOa98is8YUeA3T4n9Jsd1eUtKFJ_UVPLJgqk5duTY2jZuM/s28/Shutdown.png', Nama_Login_Anda = 'Hamdan Sanjaya'; </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 --> <b:else/> </b:if>
Note!
- Gambar Login ukuran 28 x 28 pixel
- Tulisan Yang Berwarna Merah Bisa diganti dengan Nama Anda Sendiri
- Js yang Berwarna Kuning Lebih baik diganti dengan Js anda Sendiri apabila diganti juga tidak apa2
Terima Kasih Sudah Berkunjung Semoga Tidak Lupa Untuk Berkomentar.
0 Comments
Bagaimana Pendapat Anda ?