- Login ke akun blog
- Edit template>>expand widget template (jangan lupa backup dulu)
- cari kode </body> (gunakan ctrl+f)
- Letakkan Element dibawah ini tepat di atas </body>
- Lihat pratinjaunya dulu,kemudian
- Save dan lihat hasilnya.
untuk kode HTML nya dibawah ini:
<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/AVvXsEgSHMZOTLuIMeN2Qsb7zpRL7kc4v66QSlxkstaqMBLLw5V9LfpUJA2ZIM6gHs-qXppu_lWE-FpsIHUuH08kln9JB38r0EpHv1Tnc-RYFB88vmdY6DhPjzTTCwZrkBNmA7uBQx_AMblNz8g/s28/Shutdown.png',
Nama_Login_Anda = 'harysukasuka';
</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:
Untuk yang berwana merah di dalam kode/script silahkan bisa sobat ganti sendiri sesuai dengan keinginan dan kecocokan sobat sendiri.
Dan mungkin itu saja tutorial saya tentang Cara Membuat Animasi Login Di Home / Beranda Blog,semoga apa yang sudah saya tuliskan ini bisa bermanfaat buat sobat blogger yang membutuhkan.Terimaksih
0 komentar:
Posting Komentar