Sedikit Info Seputar
Cara Membuat Animasi Loading Page Blog dengan jQuery
Terbaru 2017
- Hay gaes kali ini team Sniffing Blog, kali ini akan membahas artikel dengan judul Cara Membuat Animasi Loading Page Blog dengan jQuery, kami selaku Team Sniffing Blog telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Sniffing Blog. semoga isi postingan tentang
Artikel Jquery, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Membuat Animasi Loading Page Blog dengan jQuery
Terbaru
link: Cara Membuat Animasi Loading Page Blog dengan jQuery
Berbagi Artikel Tentang Cara Membuat Animasi Loading Page Blog dengan jQuery Terbaru dan Terlengkap 2017
Tutorial Belajar Blog - Cara Membuat Animasi Loading Page Blog dengan jQuery,Merupakan Tutorial edit blog tidak beda jauh dari tips sebelum nya Cara Membuat Animasi Loading Page di Blog dan Langkah Membuat Animasi Loading Blog Lebih Menarik , Untuk membedakan coba sendiri ataupun liat dari gambar yang sudah ada.
Script animasi loading page ini saya dapat dari om Google yang merupakan versi awal dari script tersebut. Untuk membuat dan memasang animasi loading page pada blog Anda, langsung saja ikuti tutorial/panduan di bawah.
- masuk ke Design > Edit HTML lalu cari kode ]]></b:skin> dan letakan kode berikut ini diatas ]]></b:skin>. /* ---------------
- kemudian cari kode </head> dan letakan kode berikut ini di atasnya. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
- Untuk kode yang diberi warna merah (jQuery), tidak usah dipasang lagi jika sudah terdapat di template Anda (cukup 1 saja).
- Selanjutnya cari kode </body> dan letakankode berikut ini di atasnya. <script>
- Save template Anda dan coba buka blog Anda untuk melihat hasilnya.
- Bila script tidak berfungsi silakan cek ulang apakah Anda sudah mengukuti langkah di atas dengan benar. Jika Anda sudah mengikuti semua langkah dengan benar namun scriptnya tidak berfungsi juga, berarti script tersebut bentrok dengan script yang lain.
jquery animation loading page
---------------------------------- */
.QOverlay {
background-color: #000000; /* background color loading */
z-index: 9999;
}
.QLoader {
background-color: #CCCCCC; /* color bar loading */
height: 10px;
}
.QAmt {
color:#FF530D; /*loading Color number*/
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}
<script src='http://tutorialbelajarblogger.googlecode.com/files/loadingpage.js' type='text/javascript'/>
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>
