Jumat, 24 Mei 2019

Filled Under:
, ,

Cara Menciptakan Efek Loading Sederhana

Hallo sahabat blog? Kemabali lagi bersama saya, sudah usang ini saya jarang post dikarenakan kesibukan di kantor dan lain sebagainya. Baiklah eksklusif saja pada inti artikel ini yakni cara menciptakan dampak loading sederhana ketika halaman blog sobat sedang dimuat.
 sudah usang ini saya jarang post dikarenakan kesibukan di kantor dan lain sebagainya Cara Membuat Efek Loading Sederhana
Oh iya, cara ini saya dapatkan dari blog kesayangan saya yakni Mbak Arlina. Jika ada beberapa script yang eror mohon maaf yah atau sanggup diskusikan dengan saya melalui contact form.

Sebelum memulai, jangan lupa untuk backup dulu template blog, caranya masuk ke tema/theme-download/bacup.

Setelah itu, gres kita mulai tutrialnya yah. Langkah pertama yakni masuk ke edit html blog sobat, kemudian masukan aba-aba dibawah ini sempurna sebelum kode ]]></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;} 


Selanjutnya, sobat tambahkan aba-aba dibawah ini, sempurna dibawah aba-aba <body>.
 <div id="cssload"> 


Kemudian tambahkan aba-aba dibawah ini, sempurna sebelum aba-aba </body>.
 <script type='text/javascript'> //<![CDATA[ // Loader $(window).bind("load",function(){$("#cssload").fadeOut(1e3)}); //]]> </script> 

Nah, sehabis itu silahkan sobat save atau simpan templatenya dan lihat hasilnya. Untuk demonya sobat sanggup lihat dibawah ini:





0 komentar:

Posting Komentar