Blog Mas Nova

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiR_s6YkHcS35ac7yH96S_KfWP3AafRcN5dfULfsC5H7eix1v_PIZF6lhgLIwhqppvSE5GtqqyUxqeHghw5Do6E1pbMraAHfMq-pHg7gZmiXdGDdS3109kSze1QyNyyxrcyFSYVqpBDys9/s1600/Cara+Membuat+Efek+Animasi+Loading+Keren+Di+Blog+Terbaru.jpg


Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat- Pada kesempatan malam ini admin web mas nova akan memberikan satu tutorial blog yang dapat memperindah tampilan blog agan-agan semua. Jika semakin bagus tampilan blog maka akan membuat pembaca blog akan suka dengan blog agan-agan semua. langsung aja masuk ke tutorialnya.

1. Login Ke Blogger > Buka edit template > lalu pindahkan kode warna merah sebelum  ]]></b:skin> atau </style>.
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi79b5OX34gxW5qEEytf1Kpn8WCGWdF4taabYs4X5sxSozkgs_gQp9_qg88mpatZT1n_dEQX07iyuU03AD4bHENF3kkg2lJA8O1oe6l9g7A2Lqa0RaZ2mrA7Eqst7wVS6C6f02b6MkSxBo/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 warna merah dibawah kode <body> 
<div id='cssload'/>
 
3. Tambahkan kode warna merah sebelum </body> 
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
4. klik simpan template dan selesai.
 
Sekian dari admin kurang lebihnya mohon maaf    
 

0 Response to "Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat "


Mau buat buku tamu ini ?
Klik di sini
Atas