Cara Membuat Efek Animasi Loading Keren Pada Blogger Terbaru

Hallo Bosque pertama-tama kita harus membuat atau menemukan gambar gif loading yang keren atau minimalist. Jika Anda ahli dalam mendesain grafis maka Anda dapat dengan mudah membuat animasi loading gif yang unik. Namun jika Anda tidak memiliki terlalu banyak bakat atau memiliki pengetahuan tentang pembuatan gambar animasi. Karena masih ada banyak situs web yang tersedia melalui internet di mana kita dapat dengan mudah mendapatkan gambar animasi dan menyesuaikannya sesuai dengan warna template Blogger Anda. Atau Anda dapat mengunjungi situs di bawah ini dan pilih selera anda Anda.

Kumpulan Animasi Loading Keren Untuk Blogger

DEMO

Cara Membuat Animasi Loader Blogger

Saya harap Anda telah mendapatkan gambar animasi loading yang sesuai. Dan sekarang saya akan menunjukkan kepada Anda. bagaimana Memasang gambar animasi gif ini di template Blogger. Hanya melalui langkah-langkah di bawah ini.

Masuk ke Akun Blogger Anda dan Buka Dashbor Blogger Anda.
Klik Template Edit HTML
Sekarang Cari ]]</b:skin>
Salin dan Tempel kode di bawah ini diatas ]]</b:skin>

 .cssxudhaxsiteloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('Paste URL gambar disini ok') 50% 50% no-repeat rgb(249,249,249);
}

CATATAN: jangan lupa paste kan url gambar seperti dia atas

Sekarang kita cari tag <body> atau <body blablabla>
Tambahkan CODE di bawah tepat di bawah tag <body>

<div class="cssxudhaxsiteloader">
</div>

Terakhir Salin kode javascript dibawah ini dan tempelkan di atas atau sebelum tag </head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $(".cssxudhaxsiteloader").fadeOut("slow");
})
</script>

Sekian artikel saya yang bisa saya bisa berikan kepada anda dan semoga berhasil bosque