Friday, October 28, 2016
Cara Membuat Animasi loading di Blog
Cara Membuat Animasi loading di Blog
Selamat siang sahabat blogger semua !!! Kali ini, fahrurrozi18 akan memposting tentang Cara Membuat Animasi loading di Blog. Pembuatan animasi loading page di Blogspot ini menggunakan efek Jquery. Nah, untuk Cara pemasangan loading page di Blog sobat, silahkan ikuti langkah-langkah berikut ini :
1. Login ke Blogger.com
2. Di halaman Dasbor, klik Template.
3. Klik Edit HTML.
4. Cari kode ]]></b:skin> dengan menekan Ctrl + F ( Untuk mempermudah pencarian ) pada kolom Edit HTML kemudian letakan kode berikut ini di atas ]]></b:skin>.
/* 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;}
5. Setelah itu cari kode </head> dan letakkan kode berikut diatasnya :
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/><script src=http://script-seo.googlecode.com/files/loadpage.js type=text/javascript/>
Catatan : Jika script berwarna biru di atas telah ada pada template Blog sobat sebelumnya, tidak perlu menambahkan script tersebut.
6. Kemudan cari kode </body> dan letakkan kode berikut ini diatasnya :
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/><script src=http://script-seo.googlecode.com/files/loadpage.js type=text/javascript/>
5. Klik Simpan Template. Jika sudah benar melakukan semua tahap di atas, sekarang sobat lihat hasilnya. :)
Sekian dulu ya tips dariku kali ini, semoga bermanfaat.
Bye... bye... :)
Go to link Download
