Print this pageMembuat Animasi Login cap jempol bisa juga dengan foto anda sendiri Di Blog
Cara Membuat Animasi Login cap jempol bisa juga dengan foto sendiri Di Home Blog ini memberikan efek manipulasi
terhadap blog agar nampak seperti sedang login dengan Cap Jempol atau foto anda sndiri.
Inspirasi ini didapat dari tetangga blogger kita santa-mars blogmates.
Langsung masuk aja ke tutorial cara membuat social button Melayang,
- 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/AVvXsEhNH8seouG9gutJycabdHpvDByc7vUujLg6Dkowkhln3D9oYHDTDed98bdpAd6_-TtIpvaHnHvue_nM-wLTnnCSlNqnYD54hXo_cWE1Sq8Rcjsolj-QkldE9iC7s2My9sH9bZ6vjwhndQY/s28/Shutdown.png',
Nama_Login_Anda = 'Amarajen';
</script>
<script src='https://overlay-basic.googlecode.com/svn/branches/animasi-login-amarajen.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, untuk foto pembukanya, sedang foto akses dan animasi teksnya ada di JS, silahkan utak-atik sendiri, jika anda tidak berkreasi maka yang tampil adalah foto saya sendiri, malu kan.....
- Tulisan Yang Berwarna Merah Bisa diganti dengan Nama Anda Sendiri
- Js yang Berwarna Kuning Lebih baik diganti dengan Js atas nama anda Sendiri
Artikel Terkait
A M A R A J E N
0 komentar
Posting Komentar