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... :)

Ditulis Oleh : Unknown ~ Tips and Trick, Download, Widget and Gadget, and Other Article

Fahrur Rozi18 Sobat sedang membaca artikel tentang Cara Membuat Animasi loading di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terima kasih.

:: Get this widget ! ::

0 komentar "Cara Membuat Animasi loading di Blog", Baca atau Masukkan Komentar

Posting Komentar

Silahkan Menjalin Silaturahmi dengan Berkomentar
Harus diingat ! :
1. Dilarang berkomentar dengan Kata-kata Kasar/Kotor.
2. Dilarang berkomentar SPAM dan Memasang Link Aktif.
3. Komentar dengan Link Aktif akan dihapus sesegera mungkin.
4. Berkomentarlah sesuai Topik/Artikel.
5. Berkomentarlah dengan Sopan.
6. Sobat diperbolehkan Copy-Paste artikel namun jangan lupa untuk menyertakan link sumbernya.

Tulislah Setiap kata dengan penuh makna Kesopanan.
Salam dari saya FahrurRozi18.