Membuat Efek Loading Warna Warni Pada Blog - Selain menulis konten yang menarik di blog, Tampilan blog juga harus anggun dan menarik semoga pengunjung betah ketika membaca artikel di blog kita. Tapi kita harus tau tamplilan yang banyak pernak pernik biasanya akan menambah beban loading di blog itu sendiri. Kaprikornus kita harus menambah pernak pernik yang penting-penting saja semoga loading blog kita tidak terlalu berat.
Baca juga : Membuat Animasi Loading Pada Blogger
Nah, bagi Anda yang mempunyai blog yang loading nya agak berat, di sini saya akan posting untuk menambah Efek Loading Warna Warni Pada Blog dan sangat menarik tentunya.
Jika Anda ingin memasang-nya di blog Anda, silahkan ikuti caranya dibawah ini.
1. Silahkan anda masuk di akun blogger Anda.
2. Langsung menuju Template => Edit HTML
3. Simpan CSS di bawah ini sempurna di atas isyarat
4. Selanjutnya simpan javascript dibawah ini sempurna diatas isyarat
5. Save template Anda, dan lihat hasilnya. Nah cukup hingga disini artikel wacana Membuat Efek Loading Warna Warni Pada Blog. Selamat mencoba.
Baca juga : Membuat Animasi Loading Pada Blogger
Nah, bagi Anda yang mempunyai blog yang loading nya agak berat, di sini saya akan posting untuk menambah Efek Loading Warna Warni Pada Blog dan sangat menarik tentunya.
Jika Anda ingin memasang-nya di blog Anda, silahkan ikuti caranya dibawah ini.
1. Silahkan anda masuk di akun blogger Anda.
2. Langsung menuju Template => Edit HTML
3. Simpan CSS di bawah ini sempurna di atas isyarat
</style>
atau ]]></b:skin>
#redirect{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:#C8F7C5;z-index:10;animation:scaleout 3.0s ease-in-out infinite}@keyframes scaleout{0%{transform:scale(0.0);opacity:1;background:#D91E18}20%{transform:scale(1.0);opacity:0.8;background:#9B59B6}40%{transform:scale(2.0);opacity:0.6;background:#F7CA18}60%{transform:scale(3.0);opacity:0.4;background:#049372}80%{transform:scale(4.0);opacity:0.2;background:#6BB9F0}100%{transform:scale(5.0);opacity:0;background:#722D6A}}
4. Selanjutnya simpan javascript dibawah ini sempurna diatas isyarat
</body>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="redirect"/>');$(window).on("beforeunload",function(){$('#redirect').fadeIn(1000).delay(6000).fadeOut(1000)});
//]]>
</script>
5. Save template Anda, dan lihat hasilnya. Nah cukup hingga disini artikel wacana Membuat Efek Loading Warna Warni Pada Blog. Selamat mencoba.
Share this Article