Membuat Efek Loading Blog Dengan Css - Pasti sobat semua sudah tau apa itu efek loading blog itu, degan memasang loading di blog sobat dapat membuat blog menjadi elegan dang menambah daya tarik blog sobat. Sebelum memasang efek pada blog sobat harus memperhatikan ukuran ukuran animasi loading karena jangan sampai karena memasang loading blog akan berdampak akan blog sobat akan lambat. oleh karena itu sebelum memasang loading blog sobat harus mengkompres gambar animasi loading blog agar ukuran nya menjadi kecil dan tidak akan melambatkan blog sobat nanti nya. Bila sobat tertarik memasang nya efek loading blog di blog sobat  mari simak dan ikuti tutorial dibawah ini dan ada beberapa efek loading blog yang dapat sobat pilih:

1. Masuk ke blogger
2. Masuk ke menu Template - Edit HTML
3. Cari kode atau dan copy kode di bawah ini  tepat di atas nya
/* CSS Loading Page */



#page-loader {position:fixed!important;position:absolute;top:0;right:0;bottom:0;



left:0;z-index:9999;background:#fff url('http://2.bp.blogspot.com/-kIrasdB82T0/U6eA_bnDmlI/AAAAAAAADzw/UUio00Tw4gM/s1600/Loader2.gif') no-repeat 50% 50%;color:#fcfcfc;padding:1em 1.2em;display:none;}

4. Cari kode dan copykan kode di bawah ini tepat di atasnya

<script type='text/javascript'>



//<![CDATA[



$(document.body).append('<div id="page-loader">Loading...</div>');



$(window).on("beforeunload", function() {



    $('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);



});



//]]>



</script>

5. Simpan Template


Beberapa Kumpulan Efek Animasi Loading Blog








4 komentar:

 
Top