Foto Sampul

Tab Profil

Kronologi Tentang Teman Foto
Santa Mars

Membuat Animasi Login Di Home Blog


Saturday, March 23, 2013

Animasi Login Di Home Blog ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol. Inspirasi ini saya dapatkan dari tetangga blogger kita dan saya padukan dengan pengalaman tentang jQuery saya. Yah, lumayan memberikan kesan yang menarik para pengunjung ketika berada di home blog kita.

Ya udah langsung tancap tutorialnya gan.


Animasi Login Home Blog

Letakkan Element dibawah ini tepat di atas </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/AVvXsEgeLFtBSuLaOh277gm1Nvhl-w_-wJG7QUsYBsr8wDQHKaIKJ-i5CUko4jgYj_2moiyP8_s0GVPkO6dEeU0cxRHntycQOsdZ83KCxW7xJqxrjmlv2jPirsRKY3YCGEtTa37racpZun_g2BU/s28/Shutdown.png',
       Nama_Login_Anda = 'Santa_Mars';
</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>

Demo


Note!
  • Gambar Login ukuran 28 x 28 pixel

Artikel Terkait

71 comments:

  1. Replies
    1. Gan, kok saat gua taro scriptnya di HTML, setelah di save, tidak muncul gambar nya??
      layarnya item semua
      =( :(

      Delete
  2. Replies
    1. :-bd :-bd :-bd :-bd :-bd
      berhubung kamu baik hati,tidak sombong,dan suka menabung ane kasih 5 jempol sekali gus ..... ckakakakkk

      Delete
  3. Mantab Mas Bro, langsung sedot yah, terimakasih :D :-bd

    ReplyDelete
  4. css body nya kok mirip sama blognya omz day

    ReplyDelete
  5. Mantaap Gan Keren ..
    Tapi Kok Diblog saya Disemua tempat gak di Home doang ??
    tolong dong pencerahannya .. :'(
    Visit Juga > http://tankrank-city.blogspot.com/

    ReplyDelete
  6. Keren Bang Santa \o/


    Teruslah Berkarya Dan Membuat Animasi-animasi SEO :-bd

    ReplyDelete
  7. kok saya pencet tombolnya kgk bisa dibuka blog saya? kgk bisa dipencet tombolnya.. mohon dong penjelasannyaa

    ReplyDelete
  8. kok abis login sukses gk kehalaman blognya , malah hitam semua < blank >

    ReplyDelete
  9. Ooohh... ini khusus untuk template buatanmu doang om? aku coba pake templatemu berhasil!!

    ReplyDelete
  10. tapi saya coba jadi ko.
    nih blognya

    http://kumpulan-trikblog.blogspot.com

    ReplyDelete
  11. tapi saya coba jadi ko.
    nih blognya

    http://kumpulan-trikblog.blogspot.com

    ReplyDelete
  12. NUMPANG tenar. wkwkwk

    http://ali-creations.blogspot.com/

    ReplyDelete
  13. \o/ mantaappp....
    nice post mas...kapan2 ijin share

    ReplyDelete
  14. gan , pertama nya bisa ,, tp kok tak buka lagi gambarnya item semua ?

    tolong bantu

    ReplyDelete
  15. keren gan, tapi ko di template sya masang animasi login gak bisa ya, coba cek n mslh nya dmna gan?

    ReplyDelete
  16. gan animasi login blog saya kok gak ada gambar loginnya y,, salah apanya gan....

    ReplyDelete
  17. gan ko ga keluar animasinya ? cuman gambar item doank ?

    ReplyDelete
  18. javascriptnya sedang banned gaaan
    tunggu masternya datang ^:D

    ReplyDelete
  19. ckkckckck.....fitur edit template bnyk yg kaget....scriptnya ga jalan

    ReplyDelete
  20. item semua gan.,,,
    tolong penjelasannya.,., :-bd

    visit please:
    http://rama-boys.blogspot.com/

    ReplyDelete
  21. ijin pake ya gan :D

    htpp://nandarious.blogspot.com

    ReplyDelete
  22. makasih gan .. tutornya sangat good hehehe ikut praktek dolo

    ReplyDelete
  23. thanks om :-bd



    http://ngei-mbojo.blogspot.com/

    ReplyDelete
  24. bang santa, kog setelah animasi login'nya berakhir layar jadi item semua bang? elemen animasi-loginSM nya kagak mau ilang.. gimana bang? mhon solusinnya
    xardhix.blogspot.com

    ReplyDelete
  25. kok gak bisa sih
    tetap saja
    tapi keren lho gan

    ReplyDelete
  26. bisa bikinin css-nya um,..?
    thank's..

    ReplyDelete
  27. Mantaaaaaaaaaaaaaaaapppppppppppp gannnn ... Loe emang masternya Blog .. Kasih jempol Yang Banyak Ah .. :D :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd :-bd

    ReplyDelete
  28. punya ane napa gak bisa gak?
    cuman muncul icon shutdownnya doang tapi di click gak bisa ~x( ~x( ~x(

    ReplyDelete
  29. Klo Dipake Di Website Bukan Di Blog Gimana ya?
    Ane Coba Kok Gk Bisa, Apa Ada Tambahan Dikit?

    ReplyDelete
  30. Klo Untuk Website Bukan Blog Gimana Ya?
    Terimakasih

    ReplyDelete
  31. kok pda saat saat buka blog ane kok tampilannya hitam terus,,

    solusinya gimana mas,

    ReplyDelete
  32. mas saya boleh minta script php nya gk yg kyk gini ?
    inbox ya

    ReplyDelete
  33. Rusuh yuk . blog gw jadi gak bisa dilihat nih

    ReplyDelete
  34. Gan, kok saat gua taro scriptnya di HTML, setelah di save, tidak muncul gambar nya??
    layarnya item semua

    ReplyDelete
  35. Kalo Template Blognya kak Santa Mars ini apaa...??

    ReplyDelete
  36. Gan kok gak jalan klo di browser lain/komputer lain juga?? klo di komputer sendiri bisa

    ReplyDelete
  37. MAKASI BANGET BUAT INFO NYA SOB ,,
    KUNJUNGI bLOG SAYA GAN,, sophian09.blogspot.com

    ReplyDelete
  38. Agen Bola Online & Casino Online Terpercaya
    1 USER ID UNTUK SEMUA PERMAINAN !!!
    Casinobet77 Menyediakan Permainan Terbaru & Terbaik
    Livecasino | Bolaonline | Sabungayam | PokerDomino | SpadeGaming | SlotGame | Tangkas | BatuGoncang | Jdb168 SlotGame | NumberGame Lottery
    -----------------------------------------------------------------------
    - Bonus Deposit MEMBER BARU Sportbook 100%
    - Bonus Deposit 30% Khusus Permainan Sportbook
    - Bonus Deposit 10% Setiap Hari Untuk Semua Game
    - Bonus Deposit Setiap hari 5rb - 25rb
    - Bonus Casino Rollingan 0.8% Setiap Hari Senin
    - Bonus Rollingan Poker & domino 0,3%
    - Bonus Cashback Game & Tangkas 5%
    - Bonus Cashback Sportbook 5%
    - Bonus Cashback Sabungayam 5%
    - Bonus Referall 2% Semua Game
    - Bonus Referall 1% dari member Togel
    Contact Us Now :
    Livechat Casinobet77
    whatsapp : +85599495431
    PIN BBM : D6235F1C
    Wechat : casinobet77cs1
    Line : casinobet77
    skype : casinobet77
    Link pendaftaran :lc.chat/now/8523001/

    ReplyDelete

Copyright © 2016 | Privasi | SiteMap | Follow | Download Template