Membuat Animasi Login cap Jempol

by - tips lengkap on - August 28, 2014
Membuat Animasi Login cap Jempol - Hallo sahabat Tips Lengkap Seo, Pada sharing kali ini yang berjudul Membuat Animasi Login cap Jempol, saya telah menyediakan Artikel lengkap dari awal sampai akhir. mudah-mudahan isi postingan Tips Lengkap Seo yang saya tulis ini dapat anda pahami.

Judul : Membuat Animasi Login cap Jempol
Artikel : Membuat Animasi Login cap Jempol


lihat juga


Membuat Animasi Login cap Jempol

Artikel Blog, Artikel Tips dan Trik Blog,

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. Inspirasi ini didapat dari tetangga blogger kita santa-mars blogmates. Pada Postingan sebelumnya Cara Membuat Animasi Loading Blog Keren merupakan Tips animasi blog yang tidak berbeda jauh memberikan kesan yang menarik para pengunjung ketika berada di home blog kita.

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/AVvXsEirtN5FDoLl2tJgh5w5JixuLuwcEcvoQLxdSLkpPNVG-grYX1rJt-oQCm2f4g5KomXHWwPx0MOLgHQr80AqqdJ-1PFakDeqFZXG_XF9a_Q6arxgOFLHqZRh_cZlzk7aYQr5z9Ha7IIantU/s28/Shutdown.png',
       Nama_Login_Anda = 'Oktri Darmadi';
</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>

D E M O | D E M O


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


    Demikianlah Artikel Membuat Animasi Login cap Jempol

    Sekian Tips Lengkap Seo Membuat Animasi Login cap Jempol, mudah-mudahan bisa memberi manfaat untuk anda semua.

    Anda sedang membaca artikel Membuat Animasi Login cap Jempol dan artikel ini url permalinknya adalah http://tips-lengkap-seo.blogspot.com/2014/08/membuat-animasi-login-cap-jempol.html Semoga artikel ini bisa bermanfaat.

    Tag : , ,
    Tags
    Reactions