text

"Bacalah dengan menyebut nama Tuhanmu yang menciptakan manusia dari segumpal darah. Bacalah, dengan nama Tuhanmu yang Maha Pemurah, yang mengajar manusia dengan perantaraan (menulis, membaca). Dia mengajarkan kepada manusia apa yang tidak diketahuinya." (Al-Alaq 96: 1-5)

Menu Horizontal drop down

Rabu, 07 November 2012

Cara Meringankan Beban Blog Dengan lazy Loader

Ini nih cara yang bisa bikin Blog kita gak Lola.. Kita pake Script Lazy Loader 
ga nambah berat ya? Script ini beda :D



Ini Langkah-langkahnya:

1. Loggin ke akun blogger
2. Masuk Rancangan, Di sini kita menggunakan 2 cara, yaitu dengan Edit HTML atau dengan Menambah Widget, Kita lakukan Cara pertama.
Cara Pertama :
(1) Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript
(2)Masukan Script Di bawah ini


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script src='http://yourjavascript.com/2239211691/queenidya.js' type='text/javascript'/>
class="tr_bq">
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
class="tr_bq">
<script type="text/javascript">
class="tr_bq">
jQuery(document).ready(function($){
class="tr_bq">
if (navigator.platform == "iPad") return;
class="tr_bq">
jQuery("img").lazyload({
class="tr_bq">
effect:"fadeIn",
class="tr_bq">
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgo_eiVRIsCz0dkcyUxi89M9ZVcGVo6nrFcCaWW4LMGa2y23faXHw4HVkbGjwbycebACgGnx5b2G4FpFw2X-vazj40P1KoWRhcoFYrParpiETjTOgMDvvYS_A6x46NXrCK8f1qQjJ61I8/s1600/grey.gif"
class="tr_bq">
});
class="tr_bq">
});
class="tr_bq">
</script>

(3) Simpan



Cara Kedua :

(1) Rancangan --> Edit HTML --> Centang Expand Template Widget
(2) Masukan Kode Dibawah ini  di atas Kode </head> atau Di atas kode </bod
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
class="tr_bq">
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
class="tr_bq">
<script type="text/javascript">
class="tr_bq">
jQuery(document).ready(function($){
class="tr_bq">
if (navigator.platform == "iPad") return;
class="tr_bq">
jQuery("img").lazyload({
class="tr_bq">
effect:"fadeIn",
class="tr_bq">
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgo_eiVRIsCz0dkcyUxi89M9ZVcGVo6nrFcCaWW4LMGa2y23faXHw4HVkbGjwbycebACgGnx5b2G4FpFw2X-vazj40P1KoWRhcoFYrParpiETjTOgMDvvYS_A6x46NXrCK8f1qQjJ61I8/s1600/grey.gif"
class="tr_bq">
});
class="tr_bq">
});
class="tr_bq">
</script>


(3) Simpan Dan Coba test aja kalau gk percaya, Apa bedanya klo di atas Kode head dan body ?

sebenarnya gk beda, hasilnya sama kok, ini udah saya test sendiri, Blog ini pun menggunakan Script Di atas.
3. Lihat Hasilnya. Happy Blogger

Semoga Bermanfaat :) 

1 komentar: