Saturday 12 December 2015

Cara Membuat Efek Page Loading Di blog

Iklan Teks Murah Hanya Rp.60.000/bulan, Pasang Iklan Teks Anda Disini Sekarang Juga! http://aelssia-sharing.blogspot.co.id Iklan ... thumbnail 1 summary
Iklan Teks Murah
Hanya Rp.60.000/bulan, Pasang Iklan Teks Anda Disini Sekarang Juga!
http://aelssia-sharing.blogspot.co.id

Iklan Teks Murah
Hanya Rp.60.000/bulan, Pasang Iklan Teks Anda Disini Sekarang Juga!
http://alessia-sharing.blogspot.co.id

Iklan Teks Murah
Hanya Rp.60.000/bulan, Pasang Iklan Teks Anda Disini Sekarang Juga!
http://aelssia-sharing.blogspot.co.id

Ads By Alessia-Sharing

Untuk membuat efek animasi page loading di blog anda hanya menggunakan CSS dan juga jQuery supaya dapat menjadi efek animasi page loading pada blog. Dengan memanfaatkan efek animasi page loading ini tidak berpengaruh memberatkan Loading Blog Anda, sehingga Anda tidak usah was-was di saat menggunakan efek animasi page loading pada blog Anda.


Ssimak Berikut


1. Masuk pada Blogger.com
2. Selanjutnya Klik Template => Edit HTML
3. Cari kode Berikut ]]</b:skin> atau </style>
4. Copy kode css dibawah dan Paste tepat diatas kode ]]</b:skin> atau </style>

/* CSS Loading Page */

#page-loader {position:fixed!important;position:absolute;top:0;right:0;bottom:0;

left:0;z-index:9999;background:#fff url('http://2.bp.blogspot.com/-kIrasdB82T0/U6eA_bnDmlI/AAAAAAAADzw/UUio00Tw4gM/s1600/Loader2.gif') no-repeat 50% 50%;color:#fcfcfc;padding:1em 1.2em;display:none;}
5. Lalu Cari kode Ini </body>
6. Copy kode jQuery yang dibawah ini, dan selanjutnya 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>
7. Selanjutnya Klik Simpan Template
Keterangan: 
Link Yang Ada di atas Seperti ini : 
http://2.bp.blogspot.com/-kIrasdB82T0/U6eA_bnDmlI/AAAAAAAADzw/UUio00Tw4gM/s1600/Loader2.gif
 
Ganti Dengan Gambar/gif Sesuka anda 
 
 
 


Pasang Iklan Disini url web kalian
Pasang Iklan Anda Disini

Pasang Iklan Disini url web kalian
Pasang Iklan Anda Disini

Pasang Iklan Disini url web kalian
Pasang Iklan Anda Disini

Pasang Iklan Disini url web kalian
Pasang Iklan Anda Disini

Pasang Iklan Disini url web kalian
Pasang Iklan Anda Disini

No comments

Post a Comment

Subscribe to: Post Comments (Atom)
'; /* * * DON'T EDIT BELOW THIS LINE * * */ (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); '; // required: replace example with your forum shortname /* * * DON'T EDIT BELOW THIS LINE * * */ (function () { var s = document.createElement('script'); s.async = true; s.type = 'text/javascript'; s.src = '//' + disqus_shortname + '.disqus.com/count.js'; (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s); }());