Cara Membuat Loading Blog Sangat Cepat dan Ringan dengan Jquery Lazy Load Script bagaikan Kilat dengan mudah triks 2012

Satria Perwira    6/13/2012    Trixs Blogging   

Cara Membuat Loading Blog Sangat Cepat dan Ringan dengan Jquery Lazy Load Script bagaikan Kilat  dengan mudah triks 2012

Salam blogger Indonesia…
Hallo sahabat Rafi Orilya Groups-
Masih pusing mikirin blog sendiri-? Hahaha…
Tenang sob, sedikit demi sedikit kita akan belajar kok.
Semangat yaah-!!!

Yeaa…  Saya sedikit berbagi nih, biar ngga puyeng-puyeng amat.
Saya bakal bagi-bagi tutor atau cara Mempercepat Blog Sobat dengan Jquery Lazy Load, yang membuat Loasing blog anda jauh lebih cepat dari biasanya.
Namun ini hanya berlaku untuk pengguna blogger.com
untuk pengguna Wordpess, maaf yaah…
hehehe.. :D

Baik mengenai Jquery Lazy Load, yaitu suatu Javascript yang menghubungkan script HTML/Javascript terdepan sobat saat mulai membuka blog sobat. Jadi jika kita memasang Jquery Lazy Load ini, maka saat pengunjung membuka blog sobat maka pencarian atau pengubungan script-script sobat seperti URL gambar atau URL plugin akan terkoneksi terlebih dahulu. Sehingga memungkinkan saat blog sobat mulai terbuka, maka Widget-widget yang terpasang akan terbuka dengan cepat, namun sebelum Blog terbuka maka Jquery akan menghubungkannya terlebih dahulu.
hahaha.. :D tambah pusing yah..

yasudah… langsung saja
Untuk memasang Jquery Lazy Load pada blogger sobat,
ikuti langkah-langkah dibawah ini :
1. Silahkan login blogger sobat dahulu
2. Kemudian masuk pada Rancang Template
3. Pilih Edit HTML => klik Lanjutkan
4. Silahkan cari code </head> , gunakan cara cepat dengan menekan CTRL+F atau F3 dan saat muncul form ketikan code tersebut maka akan ditemukan dengan cepat.
5. Setelah code tersebut ditemukan, silahkan code Script Lazy Load dibawah :

<!—rafi-orilya.blogspot.com --> <!--[if IE]><![if gt IE 6]><![endif]--> <script src='http://www.google.com/jsapi' language ='javascript'/> <script language ='javascript'>google.load('jquery','1.4.2');</script> <script src='http://goo.gl/m1j1l' language ='javascript'/> <script language ='javascript'>$(function(){$("img").lazyload({threshold : 200,placeholder:"http://2.bp.blogspot.com/_RAxMrTrEWcE/TOZhBf8pc_I/AAAAAAAAAKc/1ItKw2qpPFA/s1600/grey.gif",effect:"fadeIn"})}); </script>

* Untuk mencopy Script diatas silahkan klik pada Teks Area, kemudian tekan CTRL+A lalu dilanjutkan CTRL+C (dilarang menggunakan Klik Kanan)
* Tidak akan tamplil teks blog atau drag

6. Kemudian paste.kan Script diatas sesudah code </head>

7. Kemudian agar lebih sempurna silahkan copy Script Lazy Load yang kedua :

<!—rafi-orilya.blogspot.com --> <!--[if IE]><![endif]><![endif]--> <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjivUds-N9YwfcpJL0-P4eZ2x5DCJzmMeT2uvVa2JJLBnTPS39kYPRV4kurpIG6hRxiFRLxWVs3MMn4f7xDBZlK9hMQlyqRG6D2ymRus2EfaDQPvUIuJMyKhRnSX0xMdhDlaCVPvlwO91w/",threshold : 200}); }); </script>

* Untuk mencopy Script diatas silahkan klik pada Teks Area, kemudian tekan CTRL+A lalu dilanjutkan CTRL+C (dilarang menggunakan Klik Kanan)
* Tidak akan tamplil teks blog atau drag

8. Kemudian paste script diatas sebelum code </head> atau sebelum code </body>
9. Silahkan save.. template sobat
Selesai…..

Perhatian-!
* Jangan mengubah sedikit.pun dari Script diatas
* Jangan meletakan script lebih dari 1
* Jangan Lupa Komentar yooo…. Wkwkwk.. :D

Gimanah-? Kalau suka komentar donk…
Jangan Lupa Like FanPage.nya yaah….
Thank’s

Artikel Dilindungi
Sertakan alamat blog ini jika mengcopy paste
(Hak Cipta Dilindungi)

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin