Cara Menambahkan Animasi Loading Pikachu saat Halaman DiLoad

Baca Juga

Tau Pokemon kan? Iya game buatan dari Perusahaan Niantic yg di adaptasi jadi anime/kartun ini skrg sedang booming karena gamenya yg baru dirilis bbrp bulan lalu.


Udah ane gak udah kasih tau pasti semuanya tau game apa yg ane maksud, dah lanjut aja ke tutorial biar blog ini gak berubah jadi blog review anime atau review game -_-

Jangan jadi penggemar anime/kartun pokemon kalo tidak tau pikachu (mulai dah -_-) pikachu adalah poke dari karakter utama yg bernama satoshi(ver asli/jepang) atau ash(ver amerika) ataupun ali(ver indonesia) yg memiliki impian memenangkan.... udahlah nanti jadi blog review beneran -_-

Oke Langsung Ke Tutorial emoticon smile
  • Pertama agan masukan code css ini diatast </style> atau ]]></b:skin>


/*Pikachu Loading By GMFN Blog */

#pika-pika {background:url(https://b0ec239f75c89619ddc55aeda72e052b20945319.googledrive.com/host/0By80tlR81W1-Yy1jVDlaNmRkVTA/Pikachu%20Loading.gif) no-repeat center;

background-color:#fff;

width:100%;

height:100%;

position:fixed;

z-index:1000;

left: 0;top: 0;}

atau jika tidak bisa hapus left: 0;top: 0;

  • Lalu taruh code ini dibawah tag <body>
<div id='pika-pika'/>


  • Terakhir letakan code javascript ini ini diatas tag </body>
<script type='text/javascript'>

//<![CDATA[

// Pikachu Loading

$(window).bind("load",function(){$("#pika-pika").fadeOut(1e3)});

//]]>

</script>
Demo:


Sekian Post Cara Menambahkan Animasi Loading Pikachu saat Halaman DiLoad Semoga Bermanfaat gan :D

Terimakasih telah meluangkan waktu dengan membaca post kami :) Salam GMFN :)
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai
Hawkhost

Suka Dengan Blog ini? Bantu kami dengan cara mematikan adblock agan atau dengan whitelisting blog ini

Blog ini hanya dikembangan oleh seorang bocah smp, jika tidak ingin menggunakan cara diatas agan bisa berdonasi

Bantu Kami dengan berdonasi menggunakan bitcoin ke 1NJ7raB8bws5EitG7C2ppLwLK2JnjxH9xp

Terima Kasih

×