1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

<Share> Jadikan Gambar di Blog Seperti Kilas | Fast Loading | Cpot Only

Discussion in 'Blogger/Blogspot' started by dns.kardian, Oct 22, 2013.

Tags:
  1. dns.kardian

    dns.kardian Blogger $728

    Joined:
    Mar 26, 2012
    Messages:
    820
    Likes Received:
    1,132
    Location:
    Kekeran - Batulayar - Lobar - NTB Indonesia
    Pagi Kawan-kawan Ads-ID , Salam Hangat + Sukses | "Seperti Kilat bukan Kilas"

    Oke Langsung aja' ke Inti Trit -
    Member Ads-ID tidak akan asing lagi dengan situs sosbok indo lintas.me kan? nah ketika temen-temen perhatikan saat membuka lintasme
    dan saat agan melakukan scroll ke bawah maka gambar postingan masih dengan effek loading. hal ini merupakan metode untuk mempercepat loading gambar pada situs.

    Code berikut cocok untuk agan pemain wallpaper atau yang banyak menyematkan gambar di postingan atau widget. metode ini juga memberikan epek 50% blog kita terbuka lebih cepat dari biasanya.

    Intine: Sebelum user melakukan scroll maka gambar blum terbuka atau masih dalam keadaan effek loading. and Kode berikut hanya untuk CPOT, kurang tau kalo' WP "Silahkan di cari mungkin sudah banyal tersedia dalam bentuk plugin"..

    Oke Langsung Sedot Kodenya dimari:
    PHP:
    <script type='text/javascript'>//<=!=[=C=D=A=T=A=[
    (function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://2.bp.blogspot.com/-qSZoOgvUXnc/UPAdKvmulFI/AAAAAAAAAlk/-etkAoXTe1s/s1600/truebloggertricks.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]=]=></script>

    Ini Kode sama kayak di atas:
    Cara Pemasangan:
    Agan cukup masuk ke bagian Edit HTML lalu cari kode </head> tancap kode diatas tepat diatas kode </head>

    Oke Suhu Ads-ID - cuman ini dulu iyya :D
    Kalo' ini berguna, jangan lupa iyya "LIKE" :p
     
    Last edited: Oct 22, 2013
  2. tracker

    tracker Banned

    Joined:
    Feb 20, 2013
    Messages:
    839
    Likes Received:
    32
    Location:
    Sulawesi Utara
    Mau dicoba dulu scriptnya.. Thnks udh share.
     
  3. dns.kardian

    dns.kardian Blogger $728

    Joined:
    Mar 26, 2012
    Messages:
    820
    Likes Received:
    1,132
    Location:
    Kekeran - Batulayar - Lobar - NTB Indonesia
    Silahkan Mastah :D
     
  4. TheLittleBadBoy

    TheLittleBadBoy Banned

    Joined:
    Oct 15, 2013
    Messages:
    83
    Likes Received:
    0
    Location:
    Cianjur
    makasih mastah ... udah ane terapin :D
     
  5. dns.kardian

    dns.kardian Blogger $728

    Joined:
    Mar 26, 2012
    Messages:
    820
    Likes Received:
    1,132
    Location:
    Kekeran - Batulayar - Lobar - NTB Indonesia
    Yo'i - semoga scriptnya jalan :D
     
  6. chiman

    chiman Hero

    Joined:
    Jul 16, 2007
    Messages:
    732
    Likes Received:
    33
    Location:
    Bali
    mirip sama yg udh ane terapin di web agc image ane.. :D
     
  7. jongnoard

    jongnoard Ads.id Pro

    Joined:
    May 14, 2012
    Messages:
    395
    Likes Received:
    8
    Location:
    127.0.0.1
    pake plugin kang?
     
  8. autocontent

    autocontent Robbi Yatsir

    Joined:
    May 10, 2012
    Messages:
    1,982
    Likes Received:
    47
    PRAKTEK nanti gan. thank ya
     
  9. Gale Deg

    Gale Deg Ads.id Pro

    Joined:
    Sep 10, 2012
    Messages:
    312
    Likes Received:
    12
    Location:
    Banjarnegara
    Keknya Keren nie Save dulu deh...

    Makasi ya
     
  10. iidbae

    iidbae Super Hero

    Joined:
    Nov 12, 2012
    Messages:
    2,314
    Likes Received:
    168
    Location:
    Pusdai-Bandung
    Allhamdulillah buat Blogspot. Makasih :)
     
  11. fadil99

    fadil99 Ads.id Fan

    Joined:
    Feb 9, 2013
    Messages:
    201
    Likes Received:
    4
    Location:
    dihatimu :))
    makasih mastah. coba dulu untuk wallpaper cepot ane :D
     
  12. idovia

    idovia Ads.id Pro

    Joined:
    Jul 27, 2010
    Messages:
    469
    Likes Received:
    16
    eror gan "code not well formed " gmn atasinya yah..
     
  13. dns.kardian

    dns.kardian Blogger $728

    Joined:
    Mar 26, 2012
    Messages:
    820
    Likes Received:
    1,132
    Location:
    Kekeran - Batulayar - Lobar - NTB Indonesia
    coba di copy ualng bener2 mastah :)
     
  14. okekan

    okekan Ads.id Starter

    Joined:
    Jul 31, 2013
    Messages:
    85
    Likes Received:
    2
    Location:
    Diatas kaki gue :P
    Kesalahan saat mengurai XML, baris 833, kolom 35: The content of elements must consist of well-formed character data or markup.



    Kok muncul pesan begitu gan?
    solusinya gmna?
     
  15. blogger33

    blogger33 Super Hero

    Joined:
    Oct 12, 2012
    Messages:
    1,084
    Likes Received:
    54
    terimakasih mastah kodenya...terapin dulu di blog wallapper ane! :)
     
  16. dns.kardian

    dns.kardian Blogger $728

    Joined:
    Mar 26, 2012
    Messages:
    820
    Likes Received:
    1,132
    Location:
    Kekeran - Batulayar - Lobar - NTB Indonesia
    Naruhnya udah benerkan di atas </head> ? klo' tetep error wah mungkin templatenya gak support :D
     
  17. kevinoeng

    kevinoeng Newbie

    Joined:
    Jul 8, 2011
    Messages:
    5
    Likes Received:
    0
    ini kok error ya mastah.... tolong di cek lagi mastah
     
  18. kevinoeng

    kevinoeng Newbie

    Joined:
    Jul 8, 2011
    Messages:
    5
    Likes Received:
    0
    sama gan punye gue juga kek gitu, error ya....
     
  19. mexRomeo

    mexRomeo Banned

    Joined:
    Mar 24, 2012
    Messages:
    2,175
    Likes Received:
    338
    Location:
    Above The Fold
    Back up dulu, baru di oprek.
    Kalo di wp hampir sama kaya 'plugin Image Lazy Load'
    Nice share, share daging alias berbobot. :)
     
  20. okekan

    okekan Ads.id Starter

    Joined:
    Jul 31, 2013
    Messages:
    85
    Likes Received:
    2
    Location:
    Diatas kaki gue :P
    iya dong gans, kan sesuai rule
    kl gk ntr ketilang...haha

    rekomendasi template yg support dong..hehe
    sukur2 sih, sama link nya
     

Share This Page