Membuat Efek Loading Warna Warni Pada Blog

Jumat, 01 September 2017 : September 01, 2017

0 comments

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 </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
< Previous Article
Next Article >
Copyright © 2019 Xomlic - All Rights Reserved
Design by Ginastel.com