Loading Efek Pada Blogspot
Widget ini akan menambah efek Loading saat blog dibuka.
Konsep widget dari widget ini, widget ini tidak akan menambah loading blog menjadi tambah berat melainkan pada saat blog loading akan diberikan efek loading, sehingga membantu blog terlihat lebih rapi demonya kira-kira seperti gambar dibawah.
Buka dasboard blog ▬►Template ▬►Edit HTML
Letakan kode berikut tepat di atas ataupun dibawah kode <body> template blog sobat
<style>Dan jangan lupa untuk menyimpan template blog, ohhh ya URL gambar GIF di atas dapat sobat ganti sesuai selera gambar masing-masing dan color: #FFF juga dapat sobat ganti dengan warna lain selebihnya dapat di sesuaikan.
#abt-page-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzq54AAhbn0bkTVuXaQdca71O9FqaV6fAfBGtoFO7KWPQ252NYAqq2s-deBC_IsMkpWMrkmnV-uvQhUixC3aX7ifhVWkg4no9KZl1WTHiqjOdUzy0FLdKiIEzW_m9cx7JEf8gs2eWCvaE/s1600/loading.gif') no-repeat 50% 30%;
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
Ditulis Oleh : Robby Armansyah
Anda baru saja membaca artikel dengan judul Simple Loading Efek Untuk Blog. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUDURL laman ini.
Show Konversi KodeHide Konversi KodeShow EmoticonHide Emoticon