2012/02/25

cara menambahkan LazyLoad ke blog,

0 komentar


Apa Itu queryLoader (LazyLoad)
QueryLoader adalah layar kosong hitam (bisa diubah) yang meliputi blog Anda sampai semua konten dimuat, yang berarti bahwa pengunjung tidak akan melihat yang sebenarnya loading blog Anda, bukannya itu, mereka akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan, itu dibuat dengan menggunakan j-query dan css. mudah untuk diterapkan ke blog blogger Anda, dan mampu menyesuaikan.


Langsug saja
seperti biasa login ke akun blog anda
dashboard>> Desain/Rancangan>> edit html, dan silahkan cari kode berikut,
</head>
kemudian taruh kode berikut ini sebelum/di atas 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'/>


Kemudian cari kode </body> kemudian taruh kode berikut ini sebelum kode tersebut
<script>
 QueryLoader.selectorPreload = &quot;body&quot;;
 QueryLoader.init();
</script>


 Langkah Terakhir copy kode berikut ini sebelum 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;
}
^SELAMAT MENCOBA^

Leave a Reply

Pengikut