Minggu, 29 November 2015

Cara Memasang Flat PreLoader di Blog

Pengen mengganti Loading blog yang hanya gitu-gitu saja ? Disini saya punya solusi untuk mengganti loading blog lebih keren menggunakan Flat PreLoader,gambar berformat .gif ini dapat menjadikan Loading blog anda lebih keren !


Cara menerapkannya ke Blog kita juga cukup mudah,silahkan ikuti langkah di bawah ini !
1.Pertama tama masuk ke Blogger 
2.Klik bagian Template lalu pilih Edit Template
3.Setelah itu cari kode </body>
4.Jika sudah ketemu,salin kode di bawah ini,dan letakan di atas kode </body>
<style type='text/css'>
#loading{
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7-5KqQGUgx_Qgt0zx9y538-0ygIUP3odEM3YnZ2uRQSJxENn7rYqXMsRAQUp_UPFm6mCn-n07iIN7Kn79OW-vYMcaO4pMtXoMoniBR73NZFoT7Ltbsqayk1sCyk4XT-Yd3HQFbczy0MM/s200/load6.gif') no-repeat 50% 30%;     
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="loading">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#loading').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
Jika sudah silahkan Klik Save Template dan silahkan cek blog anda,dan lihat Loading nya sudah berubah

Jika anda ingin mengganti Gambar Loadingnya,kalian bisa download kumpulan gambar nya Disini

SourceCode : http://indzign.blogspot.co.id/

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda

Blogger
Disqus
Pilih Sistem Komentar

Terima Kasih untuk 7 komentar Guys

Blog saya menggunakan template yg "katanya" seo responsive, apakah cara memasang flat preloader di artikel tersebut bisa berhasil? Apakah ada pengaruhnya di template blog saya? Terima kasih.

Wah makasih mass..
Izin nerapin..

ijin pasang dulu gan bisar blog saya ada gambar loading nya =D

thanks guys :v Flat PreLoader ini ringan kok,jadi tidak terlalu menggangu SEO dan Loading blog :v

mantab gan boleh dicoba nih tutornya hehe :D

PERATURAN BERKOMENTAR

(+) Berkomentarlah tanpa menggunakan kata SARA/RAS/AGAMA
(+) Berkomentarlah dengan menggunakan kata kata yang sopan
(+) Jika ada kerusakan Link Download, silahkan berkomentar dengan menggunakan kata kata yang baik