Cara Memasang Efek Animasi Tema Biasa dan Aikatsu ini Loading Sederhana Di Blog

Animasi Loading Sederhana Ke Arlina Design Apakah Tema Ini Biasa dan Aikatsu ini. Ini Loading Tidak Animasi Ini Aikatsu. Apakah jQuery Loading Ini Siapa Adalah Blog Siapa. Animasi dan Non-Animasi Loading Sederhana Siapa Biasa dan Aikatsu itu. Arlina Design Apakah Blog Loading Halaman Harus Berhenti Akan Ini Secara Otomatis Ini Ketika Halaman Sudah termuat dengan penuh siapa itu.

Bagi Sobat Apakah yang ingin memcoba menambahkan Efek Animasi Tema Biasa dan Non-Animasi Tema Aikatsu Loading Sederhana di blog, siapa silakan ikuti ini langkah berikut itu

Memasang Efek Animasi Tema Biasa dan Non-Animasi Tema Aikatsu Loading Sederhana di Blog

1. Login ke Blogger
2. Pilih Buka Template
3. Klik Edit HTML
4. Cari Ini </style>
5. Letak Tambahkan kode di bawah ini sebelum </style>

Tema Biasa

#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSqXNq3P2uaXU1kZEk5veO10JetIgXmC6xb0uJyCgnkgON0CSTrjbCI3dGng37aBu4ZCyTRWKUJBY1JzeK7Tyd2dZ45MKXC2KZ7jd6vScjpoGh4MEk7ItNmaBmGMBkiAdbmDsfjyQtSTg/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

atau Tema Aikatsu

#cssload {background:url(http://id.aikatsu.com/images/common/logo_title.png) no-repeat right bottom;background-color:rgba(255,255,255,0.80);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

atau Baru! Tema Google

#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45bELVX3I5Tx5ruqTk2Q7VuXoSJvfKyKY8exAZ8NblreSfc9sl6lYuN5BbRguYhj3erMkXwo9dRd_3TYQXJFeNOhX4t7OcDwq45PP4P1vLaXMT09CnonK2nBcP1vLQk9jrMrL_MqNBPg/s1600/loading-google-animasi.gif) no-repeat center;background-size: cover;background-color:rgba(255,255,255,1.0);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;opacity: 0.8;}

atau Baru! Tema Blibli (Tas Belanja Biru)

#cssload {background:url(https://www.static-src.com/4.1.0/resources/images/assets/Preloader84.gif) no-repeat center;background-color:rgba(255,255,255,0.80);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

atau Baru! Tema Bahasa Jepang Ai! katsu! Loading Dengan Latar Belakang Warna Pink

#cssload {background:url(http://id.aikatsu.com/images/top/mainbnr/loading.gif) no-repeat center;background-color:#e21f56;width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;opacity: 0.8;}

6. Selanjutnya Letak Tambahkan kode di bawah ini di bawah <body> atau di atas </body>

<div id='cssload'/>

7. Jquery Terus Tambahkan kode di bawah ini sebelum

Luntur:

<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

atau Baru! Meluncur:

<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").slideUp(1000)});
//]]>
</script>

8. Selesai Simpan Template
9. Lihat Hasil Itu

Baca Backlink Arlina Design Cara Menambah Efek Loading di Blog Selamat Memcoba