Halaman

    Social Items

Cara Membuat Efek Loading Keren Di Blog

Pada hari ini Onbloging mau kasih tutorial Cara Membuat Efek Loading Keren Di Blog, sebelumnya apa itu efek loading pada blog ?

Efek loading atau preloading adalah efek yang muncul pada saat kamu beralih ke suatu halaman, biasanya efek ini muncul dengan berbeda-beda icon

Nah silahkan lihat demo di bawah ini untuk melihat apa itu efek preloader pada blog.


Jika sudah melihat demo dan kamu tertarik untuk menggunakannya di blog, silahkan ikuti tutorial di bawah ini.

Cara Membuat Efek Loading Keren Di Blog


1. kunjungi link cssload.net.

2. Silahkan kamu pilih icon sesuai yang kamu inginkan, kamu juga bisa merubah warna dan ukurannya yah.

3. Jika sudah masuk ke blog kamu - Tema - Edit HTML - cari kode ]]></b:skin> - salin kode di bawah ini dan letakan tepat di atas kode tersebut,

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

4. Ganti text yang sudah saya beri tanda dengan URL gif loader yang sudah kamu pilih.

5. Selanjutnya, cari kode </body> - salin kode di bawah ini tepat sebelum kode tersebut.

<div class="loader"></div>

6. Cari kode </head> - dan letakan kode di bawah ini sebelum kode tersebut.

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

7. Simpan tema dan lihat hasilnya

Sekian tutorial Cara Membuat Efek Loading Keren Di Blog, semoga bermanfaat

src : www.bloggersstand.com

Cara Membuat Efek Loading Keren Di Blog

Cara Membuat Efek Loading Keren Di Blog

Pada hari ini Onbloging mau kasih tutorial Cara Membuat Efek Loading Keren Di Blog, sebelumnya apa itu efek loading pada blog ?

Efek loading atau preloading adalah efek yang muncul pada saat kamu beralih ke suatu halaman, biasanya efek ini muncul dengan berbeda-beda icon

Nah silahkan lihat demo di bawah ini untuk melihat apa itu efek preloader pada blog.


Jika sudah melihat demo dan kamu tertarik untuk menggunakannya di blog, silahkan ikuti tutorial di bawah ini.

Cara Membuat Efek Loading Keren Di Blog


1. kunjungi link cssload.net.

2. Silahkan kamu pilih icon sesuai yang kamu inginkan, kamu juga bisa merubah warna dan ukurannya yah.

3. Jika sudah masuk ke blog kamu - Tema - Edit HTML - cari kode ]]></b:skin> - salin kode di bawah ini dan letakan tepat di atas kode tersebut,

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

4. Ganti text yang sudah saya beri tanda dengan URL gif loader yang sudah kamu pilih.

5. Selanjutnya, cari kode </body> - salin kode di bawah ini tepat sebelum kode tersebut.

<div class="loader"></div>

6. Cari kode </head> - dan letakan kode di bawah ini sebelum kode tersebut.

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

7. Simpan tema dan lihat hasilnya

Sekian tutorial Cara Membuat Efek Loading Keren Di Blog, semoga bermanfaat

src : www.bloggersstand.com

No comments

Silahkan komentar sesuai dengan topik yang di bahas sesuai artikel