Cara Membuat Animasi Login Di Home Page Blog

Update malam-malam  hehe, Dari pada bobo awal-awal mendingan buat postingan sapa tau bisa bermanfaat buat sobat blogger semua,kususnya yang baru belajar seperti saya ini.Kali ini saya akan membuat postingan tentang Membuat Efek Login Di Home Page Blog,sebenarnya cara ini gampang-gampang susah,gapang bagi yang bisa,susah bagi yang belom bisa.
Nah bagi anda yang belum bisa ini saya kasi caranya bagaimana membuat efek login dihome page blog.
mungkin anda penasaran ? ok...
Gak usah panjang lebar lagi,lansung saja kita menuju ke TKP;
oh ya sebelom kita lanjutkan
ada baiknya anda lihat dulu contohnya seperti gambar dibawah ini:


caranya gan :
1. Login ke blogger
2. Masuk Template > Edit HTML
3. Cari kode </body> (gunakan Ctrl + F), lalu letakkan kode dibawah ini tepat diatas 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/AVvXsEhuY0888z2Ttzmu1WPjS4aYjE_e4pY3smYwq81eniPktNbQl-jkzAvRdiNTznCrfn5znKqTxCPrmnRbUbBQCA-3tW4QWNYF_xErCgyKFDFI9eXbjkOC5o6VECpcDwcCrHPX860LQywtcXI/s28/Shutdown.png',
       Nama_Login_Anda = 'Yukam Raya';
</script>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/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>


4. Simpan template dan lihat perubahan

0 komentar:

Catat Ulasan