Ads 468x60px

Rabu, 28 Desember 2011

Cara Membuat Widget Preloader Status Loading Keren Di Blog

Cara Membuat Widget  Preloader Status Loading Keren Di Blog - Sebelumnya, Rizki Pernah Menshare Cara Membuat Status Loading Di Blog. tetapi Pengunjung Berkomentar Karena Widget Yang Saya Share Sebelumnya Tidak Bekerja. Jadi Rizki Menghapusnya Dan Menggantikannya Dengan Postingan Ini. Sekarang Rizki Akan Menggantikan Widget Tersebut Dengan Widget Preloader Loading Status Yang Lebih Keren Dan Bagus. Sobat Hanya Perlu Mengikuti Langka-Langkah Cara Membuat Widget Preloader Status Loading Di Blog.



 Turitorial Cara Membuat Widget  Preloader Status Loading Keren Di Blog

1. Log in Ke Akun Blogger Sobat
2. Pergi Ke Design --> Edit HTML
3. Copas Kode Dibawah Ini, Sebelum Tag/Kode </head>


<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>
4. Kemudian Cari Kode </body> Dan Simpan Kode Di Bawah Ini sebelum Tag/Kode </body>


<script>
    QueryLoader.selectorPreload = &quot;body&quot;;
    QueryLoader.init();
</script>

5. Kemudian, Cari Kode ]]></b:skin>, Dan Simpan Kode Di Bawah Ini sebelum Tag/Kode ]]></b:skin>

.QOverlay {
    background-color: #000000;
    z-index: 9999;
}

.QLoader {
    background-color: #CCCCCC;
    height: 1px;
}

.QAmt {
    color:#FF530D;
    font-size:50px;
    font-weight:bold;
    line-height:50px;
    height:50px;
    width:100px;
    margin:-60px 0 0 -50px;
}
Pengaturan :
=> #000000 Ganti Dengan Kode Warna Yang DiInginkan Klik Disini Untuk Mengetahui Kode Warna
=> #CCCCCC Ganti Dengan Warna Bar Yang Sobat Inginkan
=> #FF530D Ganti Dengan Warna Text Loading Yang Sobat Inginkan

6.Ok, Sekarang Klik  Save Template



Semoga Berhasil Dengan : Cara Membuat Widget  Preloader Status Loading Keren Di Blog

0 komentar:

Posting Komentar