Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat - Arlina Design
Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat - Pada kesempatan ini Arlina Design akan berbagi tutorial memasang efek animasi loading saat halaman dimuat yang bisa sobat tambahkan di blog. Cara kerja dari trik ini sebetulnya sangat sederhana yaitu kode akan berjalan ketika sobat membuka blog saat proses memuat halaman dan akan berhenti secara otomatis ketika halaman tersebut telah termuat dengan penuh.

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat

Bagi sobat yang ingin mencoba menambahkan Efek Animasi Loading Sederhana di blog, silakan ikuti langkah berikut ini

Memasang Efek Animasi Loading Sederhana di Blog


1. Login ke Blogger > Buka Template editor > Tambahkan kode di bawah ini sebelum ]]></b:skin> atau </style>

#cssload {background:url(http://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

2. Selanjutnya tambahkan kode di bawah ini di bawah <body>

<div id='cssload'/>

2. Tambahkan kode di bawah ini sebelum </body>

<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

4. Simpan template dan lihat hasilnya.


Demikian tutorial Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat. Semoga bermanfaat.

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat - Pada kesempatan ini Arlina Design akan berbagi tutorial memasang efek animasi loading saat halaman dimuat yang bisa sobat tambahkan di blog. Cara kerja dari trik ini sebetulnya sangat sederhana yaitu kode akan berjalan ketika sobat membuka blog saat proses memuat halaman dan akan berhenti secara otomatis ketika halaman tersebut telah termuat dengan penuh.

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat

Bagi sobat yang ingin mencoba menambahkan Efek Animasi Loading Sederhana di blog, silakan ikuti langkah berikut ini

Memasang Efek Animasi Loading Sederhana di Blog


1. Login ke Blogger > Buka Template editor > Tambahkan kode di bawah ini sebelum ]]></b:skin> atau </style>

#cssload {background:url(http://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

2. Selanjutnya tambahkan kode di bawah ini di bawah <body>

<div id='cssload'/>

2. Tambahkan kode di bawah ini sebelum </body>

<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

4. Simpan template dan lihat hasilnya.


Demikian tutorial Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat. Semoga bermanfaat.

Related Post

Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo