Skip to main content

Membuat Efek Loading Warna Warni Pada Blog

Membuat Efek Loading Warna Warni Pada Blog - Selain menulis konten yang menarik di blog, Tampilan blog juga harus bagus dan menarik agar pengunjung betah saat membaca artikel di blog kita. Tapi kita harus tau tamplilan yang banyak pernak pernik biasanya akan menambah beban loading di blog itu sendiri. Jadi kita harus menambah pernak pernik yang penting-penting saja agar loading blog kita tidak terlalu berat.

Baca juga : Membuat Animasi Loading Pada Blogger

Nah, bagi Anda yang memiliki 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 tepat di atas kode </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 tepat diatas kode </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 sampai disini artikel tentang Membuat Efek Loading Warna Warni Pada Blog. Selamat mencoba.

You Might Also Like:

Buka Komentar