Cara Memasang Efek Preloading Sederhana di Blog - TRIK SIMPLE

Cara Memasang Efek Preloading Sederhana di Blog

Cara Memasang Efek Preloading Sederhana di Blog - Halo sobat TrikS sudah lama tidak menyapa kali ini saya akan share kepada kalian cara memasang efek preloading sederhana di blog, fungsinya untuk memberi jeda agar terlihat lebih dipandang oleh pengunjung selagi blog sobat lagi loading. pada tutorial ini gambar bersifat .gif nah sobat juga bisa mengganti gambarnyasesuai sobat sendiri oke langsung saja ke caranya...

Baca Juga : Cara Mudah Membuat Tampilan Under Maintance di Blog

Cara Memasang Efek Preloading Sederhana di Blog


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode dibawah ini dan pastekan tepat diatas 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://mir-s3-cdn-cf.behance.net/project_modules/disp/04de2e31234507.564a1d23645bf.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>

Yang bertanda merah bisa sobat ganti dengan gambar sobat sendiri. Jika sudah klik simpan. Gimana mudah bukan sobat?

Oke sekian yang bisa saya sampaikan tentang Cara Memasang Efek Preloading Sederhana di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Cara Memasang Efek Preloading Sederhana di Blog


السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Cara Memasang Efek Preloading Sederhana di Blog

Cara Memasang Efek Preloading Sederhana di Blog - Halo sobat TrikS sudah lama tidak menyapa kali ini saya akan share kepada kalian cara memasang efek preloading sederhana di blog, fungsinya untuk memberi jeda agar terlihat lebih dipandang oleh pengunjung selagi blog sobat lagi loading. pada tutorial ini gambar bersifat .gif nah sobat juga bisa mengganti gambarnyasesuai sobat sendiri oke langsung saja ke caranya...

Baca Juga : Cara Mudah Membuat Tampilan Under Maintance di Blog

Cara Memasang Efek Preloading Sederhana di Blog


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode dibawah ini dan pastekan tepat diatas 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://mir-s3-cdn-cf.behance.net/project_modules/disp/04de2e31234507.564a1d23645bf.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>

Yang bertanda merah bisa sobat ganti dengan gambar sobat sendiri. Jika sudah klik simpan. Gimana mudah bukan sobat?

Oke sekian yang bisa saya sampaikan tentang Cara Memasang Efek Preloading Sederhana di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Jangan Lupa Subcribe