Download Software and Games Mod Apk Terbaru Gratis

Cara Membuat Efek Animasi Loading Keren di Blog Terbaru

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>

<script type="text/javascript">
//<![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>
  • Langkah terahir SIMPAN template anda. 
Ini ada beberapa alamat URL gambar animasi loading yang mungkin anda sukai :


 

























Jika masih ada yang kurang mengerti tingalkan saja komentar sobat. trimakasih mudah-mudahan membantu.
6 Komentar untuk "Cara Membuat Efek Animasi Loading Keren di Blog Terbaru"

kalo headernya di bikin animasi bisa gak gan ? di tunggu postingan selanjutnya

bisa gan..oke makasih kunjungannya

animasi ini akan jadi berat gak si kalo fi pasang di blog kita ?

engga gan,,asalkan tidak terlalu banyak widget diblog kita

biokin berat ga sih gan, lumyan tuh kalo dipasang di blog jadi ga ngebosenin jadi'a :D

engga gan,,asalkan tidak terlalu banyak widget diblog kita

Request Game Mod Apk Terbaru/Apps Full Unlocked maupun Software PC langsung saja Tulis di bawah. NO SPAM!

Back To Top