Cara Membuat Efek Loading Keren di Blog Ala Kang Ismet
- Masuk ke Blogger
- Pilih Template > Edit HTML
- Taruh Kode Dibawah ini diatas kode </style> atau ]]></b:skin>
#page-loader { position:fixed !important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:999999; background: #303030 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUiXIFrDzh9B1rYuLsFO46OPXrhmanR_cQR0r7FMfQWxrI7gzH0ctRhnsrxA7GMKwp7kfAdVErKGy4yQxwRUrayHDbVY2K6lN-ARDpGcqbuOcXcg6gRxCJsr5nUAAyyYAepYSq1bCn_CQ/s200/load6.gif") no-repeat 50% 50%; padding:1em 1.2em; display:none }- Masukkan kode dibawah ini diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>Jika Jquery sudah ada di blog agan, langkah ini dilewati saja
- Masukkan kode dibawah ini diatas kode </body>
<script type='text/javascript'> //<![CDATA[ // Menyisipkan markup tabir animasi $(document.body).append('<div id="page-loader"></div>'); // Saat halaman aktif terpicu untuk berpindah/keluar menuju halaman lain... $(window).on("beforeunload", function() { // ... tampilkan tabir animasi dengan efek `.fadeIn()` $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>- Save Tempat Anda
Keterangan :
Warna : Biru Muda Dapat di ganti dengan Url Loading Lainnya , sesuai selera kalian.
Sekian dari saya Cara Membuat Efek Loading Keren di Blog Ala Kang Ismet , semoga bermanfaat
izin gue coba dulu gan,,biar tambah keren blog gue,
BalasHapushehe oke gan :)
Hapusinsyaallah gk gan :)
BalasHapusizin nyimak gan.
BalasHapusnice share :)
oke thanks gan :)
Hapus