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:
Page 3 of 4
  1. 340web

    340web Super Hero

    Joined:
    Aug 15, 2009
    Messages:
    1,966
    Likes Received:
    54
    cara cek speed blog yg valid d mana bro
     
    340web, Oct 23, 2013
    #41
  2. ninabobo

    ninabobo Ads.id Pro

    Joined:
    Jun 15, 2012
    Messages:
    339
    Likes Received:
    12
    Udah ane praktekin gan,,
    tapi kata blogger nya begini:

    Kesalahan saat mengurai XML, baris 2580, kolom 35: The content of elements must consist of well-formed character data or markup.

    Keknya ada yg salah deh ma kodenya gan :)

    CMIIW
     
    ninabobo, Oct 23, 2013
    #42
  3. kuantum1122

    kuantum1122 Hero

    Joined:
    Jun 9, 2010
    Messages:
    702
    Likes Received:
    232
    Lazy load ya gan?

    Di gabung sama image compression mantab tuh :D
     
    kuantum1122, Oct 23, 2013
    #43
  4. prieku

    prieku Newbie

    Joined:
    Nov 4, 2006
    Messages:
    14
    Likes Received:
    1
    Kalo mau seperti lintas.me yg pake animasi spin pake kode dibawah ini.....klo ane blm terapin di blog jadi gak tau berhasil atau tidak. Hasilnya setelah di terapin di webiste html atau php akan seperti lintas.me atau http://goo.gl/C5MzM

    =====Langkah Pertama copas kode berikut di atas </head>======
    HTML:
    <script pagespeed_no_defer="">(function(){var d=null,e=window,f=document,g="documentElement",h="scrollTop",l="prototype",m="body",n="getAttribute",p="",q="1",r="data",s="img",t="load",u="number",v="on",w="onload",x="pagespeed_lazy_position",y="pagespeed_lazy_replaced_functions",z="pagespeed_lazy_src",A="position",B="relative",C="scroll",D="src";e.pagespeed=e.pagespeed||{};var E=e.pagespeed,F=function(a){this.a=[];this.i=0;this.b=!1;this.o=a;this.c=d;this.g=0;this.h=200;this.f=!1};
F[l].s=function(){var a=0;typeof e.pageYOffset==u?a=e.pageYOffset:f[m]&&f[m][h]?a=f[m][h]:f[g]&&f[g][h]&&(a=f[g][h]);var b=e.innerHeight||f[g].clientHeight||f[m].clientHeight;return{top:a,bottom:a+b,height:b}};F[l].n=function(a){var b=a[n](x);if(b)return parseInt(b,0);var b=a.offsetTop,c=a.offsetParent;c&&(b+=this.n(c));b=Math.max(b,0);a.setAttribute(x,b);return b};F[l].r=function(a){var b=this.n(a);return{top:b,bottom:b+a.offsetHeight}};
F[l].q=function(a,b){if(a.currentStyle)return a.currentStyle[b];if(f.defaultView&&f.defaultView.getComputedStyle){var c=f.defaultView.getComputedStyle(a,d);if(c)return c.getPropertyValue(b)}return a.style&&a.style[b]?a.style[b]:p};F[l].p=function(a){if(this.q(a,A)==B)return!0;if(!this.f&&(0==a.offsetHeight||0==a.offsetWidth))return!1;var b=this.s(),c=a.getBoundingClientRect();c?(a=c.top-b.height,b=c.bottom):(c=this.r(a),a=c.top-b.bottom,b=c.bottom-b.top);return a<=this.i&&0<=b+this.i};
F[l].m=function(a){this.l(a);var b=this;e.setTimeout(function(){var c=a[n](z);if(c!=d)if((b.b||b.p(a))&&a.src.indexOf(-1!=b.o)){var k=a.parentNode,G=a.nextSibling;k&&k.removeChild(a);a.getAttribute=a.j;a.removeAttribute(w);a.removeAttribute(z);a.removeAttribute(y);k&&k.insertBefore(a,G);a.src=c}else b.a.push(a)},0)};F[l].loadIfVisible=F[l].m;F[l].u=function(){this.b=!0;this.d()};F[l].loadAllImages=F[l].u;F[l].d=function(){var a=this.a,b=a.length;this.a=[];for(var c=0;c<b;++c)this.m(a[c])};
F[l].e=function(a,b){return a.a?a.a(b)!=d:a[n](b)!=d};F[l].v=function(){for(var a=f.getElementsByTagName(s),b=0;b<a.length;++b){var c=a[b];this.e(c,z)&&this.l(c)}};F[l].overrideAttributeFunctions=F[l].v;F[l].l=function(a){var b=this;this.e(a,y)||(a.j=a[n],a.getAttribute=function(a){a.toLowerCase()==D&&b.e(this,z)&&(a=z);return this.j(a)},a.setAttribute(y,q))};
E.k=function(a,b,c){if(a.addEventListener)a.addEventListener(b,c,!1);else if(a.attachEvent)a.attachEvent(v+b,c);else{var k=a[v+b];a[v+b]=function(){c.call(this);k&&k.call(this)}}};E.t=function(a,b){var c=new F(b);E.lazyLoadImages=c;0!=b.indexOf(r)&&((new Image).src=b);E.k(e,t,function(){c.f=!0;e.setTimeout(function(){c.b=a;c.d()},200)});a||E.k(e,C,function(){if(!c.c){var a=c.h;(new Date).getTime()-c.g>c.h&&(a=0);c.c=e.setTimeout(function(){c.g=(new Date).getTime();c.d();c.c=d},a)}})};
E.lazyLoadInit=E.t;})();

pagespeed.lazyLoadInit(false, "http://s.xtremenitro.org/loading.gif");
</script>
    =====Langkah ke 2=====

    Kemudian cari kode <img src="namagambar.jpg"> di dalam halaman web kamu, biasanya terletak setelah <body>, ganti kode src= dengan pagespeed_lazy_src=, dan tambahkan setelah source tersebut kode berikut
    HTML:
    src="http://s.xtremenitro.org/loading.gif" onload="pagespeed.lazyLoadImages.loadIfVisible(this);"
    Jadi kurang lebih nanti seperti ini hasilnya
    HTML:
    <img pagespeed_lazy_src="namagambar.jpg" width="52" height="52" src="http://s.xtremenitro.org/loading.gif" onload="pagespeed.lazyLoadImages.loadIfVisible(this);">
    =====PENJELASAN======
    pagespeed_lazy_src=... untuk menampilkan gambar sebenarnya sedangkan src="http://s.xtremenitro.org/loading.gif" adalah gambar yg pertama kali di load

    Maaf kalo salah menerangkan,....semoga berhasil
     
    Last edited: Oct 24, 2013
    prieku, Oct 24, 2013
    #44
  5. stealero

    stealero Ads.id Starter

    Joined:
    Nov 7, 2011
    Messages:
    83
    Likes Received:
    1
    Yahh... ane udah gak ada blogspot yg aktif... tapi niggalin jejak aahhh
     
    stealero, Oct 24, 2013
    #45
  6. lhokweng

    lhokweng Hero

    Joined:
    Jan 27, 2009
    Messages:
    567
    Likes Received:
    44
    Location:
    indonesia
    How to fix it mastah
     
    lhokweng, Oct 24, 2013
    #46
  7. the_lumeho

    the_lumeho Hero

    Joined:
    Aug 13, 2010
    Messages:
    525
    Likes Received:
    6
    Location:
    di Pangbuaraan
    tengkiu code nya mas bro..
     
    the_lumeho, Oct 24, 2013
    #47
  8. monliev

    monliev Ads.id Pro

    Joined:
    Dec 28, 2012
    Messages:
    263
    Likes Received:
    22
    Location:
    Dreamland
    yang gambar loading pas kita scroll ke bawah itu ya gan?
    okeeee... makasih sharing codingannya :D
     
    monliev, Oct 24, 2013
    #48
  9. syaik

    syaik Ads.id Fan

    Joined:
    Dec 24, 2010
    Messages:
    167
    Likes Received:
    3
    Makasih mastah....

    Ane amankan dulu
     
    syaik, Oct 25, 2013
    #49
  10. irfanimovick

    irfanimovick Super Hero

    Joined:
    May 10, 2009
    Messages:
    1,193
    Likes Received:
    54
    Location:
    di dieu
    ini yang ane cari thanks
     
    irfanimovick, Oct 25, 2013
    #50
  11. jyzms

    jyzms Ads.id Pro

    Joined:
    Aug 8, 2013
    Messages:
    392
    Likes Received:
    3
    Location:
    Indonesia
    ini plug in lazy load ya gan ?
     
    jyzms, Oct 25, 2013
    #51
  12. spidolster

    spidolster Newbie

    Joined:
    Mar 20, 2009
    Messages:
    25
    Likes Received:
    0
    semacam lazy load kayaknya, tapi buat blogspot. nice share gan.
     
    spidolster, Oct 25, 2013
    #52
  13. meyrianadd

    meyrianadd Ads.id Fan

    Joined:
    Oct 23, 2013
    Messages:
    130
    Likes Received:
    15
    Location:
    surabaya
    (ask) ada contoh blog wallpaper yang sudah pake script ini mastah?
     
    meyrianadd, Oct 25, 2013
    #53
  14. murnibisnis

    murnibisnis Newbie

    Joined:
    Jul 10, 2010
    Messages:
    7
    Likes Received:
    0
    ane dah coba tapi masih error :pusing:
     
    murnibisnis, Oct 26, 2013
    #54
  15. athuk

    athuk Ads.id Fan

    Joined:
    Oct 13, 2012
    Messages:
    191
    Likes Received:
    22
    WP bisa coba plugin lazy load
     
    athuk, Oct 26, 2013
    #55
  16. andrean

    andrean Newbie

    Joined:
    Nov 1, 2013
    Messages:
    23
    Likes Received:
    0
    sempet error, tapi ternyata saya salah letakin scriptnya :D
    makasih gan, saya pakai nih
     
    andrean, Nov 1, 2013
    #56
  17. kinjeng

    kinjeng Ads.id Fan

    Joined:
    Oct 4, 2009
    Messages:
    123
    Likes Received:
    10
    Yang masih error coba pake ini

     
    kinjeng, Nov 13, 2013
    #57
  18. hendriprastio

    hendriprastio Super Hero

    Joined:
    Mar 22, 2012
    Messages:
    1,668
    Likes Received:
    239
    Location:
    Ads.id
    oke,,langsung coba,,,semoga ringan,,mantapo
     
    hendriprastio, Nov 13, 2013
    #58
  19. hendriprastio

    hendriprastio Super Hero

    Joined:
    Mar 22, 2012
    Messages:
    1,668
    Likes Received:
    239
    Location:
    Ads.id
    maaf double ... #efek_lemot_loadingnya
     
    hendriprastio, Nov 13, 2013
    #59
  20. TakagiWei

    TakagiWei Ads.id Fan

    Joined:
    May 18, 2012
    Messages:
    115
    Likes Received:
    17
    Location:
    市川市、千葉県、日本
    Izin nyicip dulu ah gan..
     
    TakagiWei, Nov 13, 2013
    #60
Page 3 of 4

Share This Page