Cara membuat efek loading di blog
Cara Membuat Efek Loading di Blog Keren
1. Pertama pastinya masuk dulu ke blogger anda
2. Lalu kemudian masuk ke menu template ~>> Edit HTML
3. Cari kode ]]></b:skin> atau </style> ~>> gunakan CTRL+F untuk cepat mencari nya
4. Setelah itu Copy kode css di bawah ini, lalu paste diatas kode ]]</b:skin> atau di atas kode </style>
/* Loading Page */
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url('http://fc04.deviantart.net/fs70/f/2013/094/8/d/loading_logofinal_by_zegerdon-d60eb1v.gif') no-repeat 50% 50%;padding:1em 1.2em;display:none}
5.Copy kode jQuery dibawah ini, lalu Paste diatas kode </body>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script
6. simpan template
Catatan :
kode yang berwarna merah di atas adalah gambar loadingnya
- Anda bisa
mengganti efek animasi loading dengan mengunjungi website ini http://preloaders.net.
- Anda juga
bisa mengganti efek animasi loading yang sudah saya siapkan di bawah ini.
Kumpulan Efek Animasi Loading Page .Gif
Inilah beberapa efek ajax animasi loading page yang
saya ambil dari google, silahkan bisa Anda pilih dibawah ini atau anda bisa langsung
cari saja di google dengan kata kunci Loading atau apalah sesuka sobat saja,
tapi menurut saya udah bagusan yang saya pilih di bawah ini :
https://www.alumni.polimi.it/img/loading.gif
http://www.funclipcard.com/Images/framely.gif
http://fc04.deviantart.net/fs70/f/2013/094/8/d/loading_logofinal_by_zegerdon-d60eb1v.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkFYHM_gCDuePWzxRvWEoTXfi49uVVpGiCEIqzF20RjiDR2vuhCxCTvMFbvl8saZvSWegAPfBvvHK3QUhfjprwPMQXgwv1TEhCAg4WLDOyEanSdqqeneh4QY6lHNgxqEt3dbBaemm7fo/s128-no/Loading1.GIF
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_uZ612zH1jW1SeNSZA0jogPbo1434QRcjTZXYrv6327RFFX7EwbzSqNb7k2eEb0_u1tYIVfNgvGsMexbQ6CSEjoXZLBnNYhOzKnTU3aJJtwQ7jtPRldT-7hFiUhCs6Zm7BMdees5In_g/w124-h128-no/Loading5.GIF
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDYl62c2XYAfQmPxG5R5JoPBeG5kthWjawBdKnwwXrWDMte2kDKCejGyKKprF3UvsEwmEnyzlgTZOcjFKdWm30nJuZ8JCuMVHIy8in7l_63b6aSPF80WUQHP48D-esiVHEXpxW6eBTIXk/s128-no/Loading6.GIF
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFfrERyfGVb5dQFGGSEvFHAmLGlIo2mETx9gw2bJvxDUnNY4oURwcPhxaIRLdq7S_6RafzfuVMn7uHVZgpM_4xKngminf1fXmifBLP-cVtZwVAPp1DUby1BJDYivswGOktz_VjyhC0TJk/w128-h40-no/Loading10.GIF
demikian cara membuat efek loading di blog
Post a Comment for "Cara membuat efek loading di blog"
Komentar Anda adalah tanggapan pribadi, kami berhak menghapus komentar yang mengandung kata-kata pelecehan, intimidasi, dan SARA.