Cara Membuat Efek Animasi Loading Keren di Blog Terbaru

Anonim

Selamat Malem sobat Yudha blog™ Pada kesempatan postingan saya kali ini akan berbagi tentang membuat efek animasi loading blog. banyak blogger di luar sana yang memberikan cara efek animasi blog loading ini tetapi mungkin peletakan kode mereka banyak yang keliru. atau munkin saja cara tersebut sudah tidak berfungsi lagi. Inilah cara terbaru membuat efek animasi untuk menunggu halaman blog anda.

Cara yang saya gunakan tidak terlalu sulit untuk di ikuti apalagi untuk blogger newbie kayak saya :D saya yakin anda mudah untuk mengikuti cara saya.

Langkah - langkah Membuat Efek Animasi Page Loading Pada Blog anda :

LOG IN ke blog anda di www.blogger.com
Setelah anda log in maka anda akan di bawa ke dasboard blog, nah di dasboard blog inilah anda harus klik tanda segitiga kebalik (opsi pilihan) lalu pilih TEMPLATE.
Jika anda sudah mengklik template anda maka anda akan di bawa ke halaman HTML dan pilih EDIT HTML

Jika anda sudah masuk di dalam kolom halaman html blog lalu cari kode ]]></b:skin> untuk mempercepat pencarian klik 1x di dalam kotak HTML lalu anda tekan CTRL + F Nanti akan ada kolom kecil di di pojok kanan atas lalu masukan kode ]]></b:skin> di kolom tersebut dan tekanENTER pasti langsung dapat kode tersebut. Lalu Letakan kode CSS di bawah tepat di atas kode ]]></b:skin> :

MASUKAN KODE DI BAWAH INI TEPAT DI ATAS KODE : ]]></b:skin>

Selanjutnya, silahkan cari kode </body>, biasanya posisinya sebelum kode </html> ya. Cari dengan menekan CTRL+F dan jika sudah ketemu, copas saja script di bawah ini sebelum kode </body> atau tepat di atas kode </body>

//<![CDATA[

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

</div>

');

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

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

});

//]]>

</script>

MASUKAN KODE DI BAWAH INI TEPAT DI ATAS KODE : </body>