Kamis, 26 Januari 2012

Cara Memasang Screen Loading di Blogger

Cara Memasang Screen Loading di Blogger - Salah satu Gaya yang sering di gemari para blogger untuk memper cantik tampilan blogger yaitu dengan Cara Memasang Screen Loading di Blogger. cara ini adalah salah satu cara untuk memper indah blog seperti Website.

Salah satu manfaat memasang Screen Loading di Blogger yaitu pengunjung blog tidak akan bisa melihat proses Loading tampilan blog, Jadi pengunjung langsung melihat Tampilan blog yang sudah utuh tampa harus melihat Loading tampilan blog anda.

Sebelum saya melanjutkan Tutorial Cara Memasang Screen Loading di Blogger alangkah baiknya Anda melihat DEMO Screen Loading di Blogger terlebih dahulu Klik DEMO. Jika anda tertarik , kita lanjutkan tutorial ini.



Yang pertama yang harus anda lakukan adalah :

1. Login Ke Akun Blogger Anda
2. Klik Rancangan > Edit HTML.
3. Cari kode ]]></b:skin> , Untuk mempermudah mencari silahkan gunakan CTRL+F.
4.Jika sudah ketemu letakan Kode HTML di bawah ini persis di atas 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;
5. Selanjutnya cari </head>, taruh kode di bawah ini persis di atas kode </head> 

<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://idub.007sites.com/donor_ilmu/queryLoaderpre.js' type='text/javascript'/>
6. Berikutnya Cari </body>, taruh kode di bawah ini di atasnya kode </body>

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

7. Save 


Oke , Lihat Blog dan lihat perubahanya.

aaa