22 April 2013

Cara membuat animasi login di blog

Posted at  13.42  |  in  tips dan triks blog


Pada  postingan kali ini saya akan share ke anda tentang cara membuat dan menambahkan animasi log in di blog. Animasi ini saya temukan di blog tetangga sebelah, animasi ini cukup unik dan menarik sehingga penulis postingkan kembali. Jika anda tertarik, silahkan terapkan di blog anda dan ikuti langkah-langkahnya dibawah ini:
  • Masuk ke akun blogger anda
  • Klik drop down menu-> Template -> Edit HTML

  • Cari tag </body>  tekan CTRL + F untuk memudahkan pencarian.


  • Kemudian kopi dan Pastekan script berikut tepat diatas tag </body> :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin by jalu-pangna.blogspot.com -->
<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/AVvXsEhlNrARH6D7XA-ZvUSxQ1huhIT0gsfKlbvQGWLGXUjjHu7NGccz0U3BlX23kpOx0p4kwp3YkgFufMY0moG8Qx6hWUid3sMhCZfy1SMDCmvw6k0cNCmUvqvYD6qHP2G4mYmF72UsmXrxc_k/s28/Shutdown.png',
       Nama_Login_Anda = 'jalupangna';
</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 by
jalu-pangna.blogspot.com -->
<b:else/>
</b:if> 
  • Silahkan ganti nama login jalupangna pada script diatas dengan nama login anda
  • Simpan Template, selesai...

Semoga bermanfa'at..

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 13.42
Anda menyukai postingan di atas? Silahkan di share..!
Blogging dan wawasan spiritual Post Author

Pengajar sekaligus pendidik di salah satu SMPN yang ada di daerah banten. seorang newbie blogger yang lagi belajar blogging. Strong will and effort adalah filosofi hidup saya agar supaya sukses dikemudian hari.

32 komentar:

  1. kwokwkw kerennn :D

    BalasHapus
    Balasan
    1. :-d hehe...makasih komentnya.

      Hapus
    2. kunjungi blik bero...http://sansinomultimedia.blogspot.com/

      Hapus
    3. Ok, sudah saya kunjungi mas.

      Hapus
  2. kok di blog saya setelah muncul gambar loginnya langsung berubah warna hitam yah? tidak mau muncul pagenya...
    terima kasih sebelumnya :)

    BalasHapus
    Balasan
    1. Masa mas? saya udah uji coba beberapa kali ga ada masalah. Terima kasih kunjungan dan komentarnya.. :)

      Hapus
    2. Nuhun Kang berhasil euy...! sekali coba udah berhasil =))

      yah walaupun ngga saya pasang secara permanen di Blog , ! Tapi karena saya sukses mencobanya di Blog , 2 jempol lah buat Tutorial akang , semoga sukses terus dan jangan pernah berhenti menulis okey...!

      http://masihbelajarnih.blogspot.com/

      ditunggu kunbalnya , dan semoga kita bisa saling share info baru...!

      Hapus
    3. Sami-sami kang asep..hehe..Hatur nuhun. Terima kasih atas kunjungan dan komentarnya. Aamiin...insya Allah saya akan update terus postingan artikel sambil share bareng kang. Segera meluncur ke TKP.. :d

      Hapus
  3. thank gan animasi'y keren bgt
    jgn lupa ya kunjungan baliknya storysyara.blogspot.com

    BalasHapus
    Balasan
    1. sama-sama mas syarif, insya Allah segera meluncur..Terima kasih kunjungan dan komentarnya. Salam.. :)

      Hapus
  4. Buset keren banget mas :o
    Makasih loh :))

    BalasHapus
    Balasan
    1. Hehehe...sama-sama, terima kasih atas kunjungannya.. :-)

      Hapus
  5. (o) oke gan visit http://tituts.blogspot.com/

    BalasHapus
    Balasan
    1. Sudah saya kunjungi blog anda mas, salam.. :)

      Hapus
  6. PUNYA KU KOK NGGAK JADI YA, MALA JADI HITAM SEMUA HLAMAN BLOG ANE ? ADA YG SALAH , MNTA BNTUANYA KANG

    BalasHapus
  7. Balasan
    1. sama-sama mas, terima kasih udah berkunjung..salam

      Hapus
  8. Mantab gan, senang bs berkunjung kesini, salam kenal, ditunggu kunjungan balik

    www.produsensusukambingbubuk.com
    www.produsensusukambing.com
    www.globalmandirisejahtera.web.id
    www.sarimaduutama.web.id

    BalasHapus
    Balasan
    1. Alaikassalaam...salam kenal kembali, insya allah segera berkunjung..

      Hapus
  9. ga bisa gan, nge'blank home page'nya. ;-(

    BalasHapus
  10. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  11. DOWNLOAD AND WATCH ADULT 18+ MOVIES -->> www.danipcgames.blogspot.com

    BalasHapus
  12. kok punya ku malah gak keluar apa2nya kak cuma warna ajj

    gimna nieeeeeee

    BalasHapus
  13. nie http://luthfiagatabaskara121.blogspot.com/

    BalasHapus
  14. huffff udan gue balikin ke semua
    ajarin caranya kak nie no gua 085725252478

    BalasHapus
  15. punten akang2 ko blog saya jadi gelap ya? http://vickyartcrew.blogspot.com/

    BalasHapus
  16. Jadi Nge"blank"... Alias hitam semua

    BalasHapus
  17. Iya mas,.. kok hitam semua yah .?
    kunjungi juga ya kawan,..
    http://viskahacking.blogspot.com/
    follow ya:) nanti saya follow kembali =))

    BalasHapus
    Balasan
    1. Manntab mas,.. thanks,.. udah bisa kok :)

      Hapus
    2. sama-sama mas, terima kasih atas kunjungannya..

      Hapus

About Us-Privacy Policy-Contact us
Copyright © 2013 Wawasan spiritual dan blogging. Blogger Template by BloggerTheme9
Proudly Powered by Blogger.
back to top