Cara Mempercepat Loading Iklan Adsense Sebelum Artikel Di Blog

Cara Mempercepat Munculnya Iklan Google Adsense Lebih Cepat Sebelum Artikel Di Blog - Sudah lama saya tidak membuat Tutorial seputar Blogger, kali ini saya akan membuat tutorial yang cukup bagus bagi para publisher adsense yaitu bagaimana sih cara untuk supaya iklan yang muncul di blog jauh lebih cepat daripada iklan sebelumnya, tutorial ini saya dapatkan dari seorang blogger tetangga yang cukup terkenal dan saya optimalkan dan merubah fungsinya yang jauh lebih bermanfaat untuk anda sekalian.

Cara Mempercepat Munculnya Iklan Google Adsense Lebih Cepat Sebelum Artikel Di Blog Cara Mempercepat Loading Iklan Adsense Sebelum Artikel Di Blog
Note: 
Fungsi kode ini membuat Blog anda memiliki Effect Loading yang menyesuaikan loading pada blog anda hingga selesai, jadi membuat artikel anda tertutup oleh effect loading dan membuat iklan adsense anda muncul hingga sempurna, Tetapi saran saya gunakan template yang memiliki loading yang cukup cepat supaya tetap optimal.

Contoh:

Ikuti Langkah Langkah Saya :

1. Buka Blogger Anda
2. Pilih Tema/Template , Klik Edit HTML
3. Pasang Kode Di Bawah Ini Tepat Di Bawah <head> Atau Di Atas </head>, Jika Di Template Anda Sudah Terpasang Jquery Sebaiknya Tidak Usah Di Pasang Kembali.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' type='text/javascript'></script>

4. Pasang Kode Di Bawah Ini Tepat Di Bawah <head> Atau Di Atas </head>

<script src="https://cdn.rawgit.com/Brando07/share/newbe/new-seocips-LP.js" type="text/javascript"></script>
<style>
#load-page-seocips { width:100%; height:100%; position:fixed; left:0; top:0; z-index:+100000; overflow:hidden; text-align:center; background:#111; }
$circle-size:10vmin; * { box-sizing:border-box; position:relative; }
.circle{animation:spin 3s linear infinite both; background:#bada55; border-radius:100vmax; /* margin:calc(50vh - 5vmin) calc(50vw - 1vmin); */
/* Half the longest viewport width minus half the width/height of the circle. */
  margin:60vh calc(50vw - 1vmin); height:10vmin; position:absolute; width:10vmin}
.circle + .circle { animation:spin 3s linear 1s infinite both; background:#10aded; }
.circle + .circle + .circle { animation:spin 3s linear 2s infinite both; background:#a991e5; }
@keyframes spin {
    0% { transform:rotate(360deg) translate(0vmax,-10vmax); } 50% { transform:rotate(180deg) translate(0vmax,0vmax); } 100% { transform:rotate(0deg) translate(0vmax,-10vmax); }
}
</style>

5. Letakkan Kode Di Bawah Ini Tepat Di Bawah Kode <body>

<div id="load-page-seocips">
<div class="loader">
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
</div>
</div>

6. Save Template Kalian.

Atau Anda Bisa Menggunakan Cara Kedua Dengan Menggunakan JQuery Lazy Load Pada Blogger:

1. Pasang Kode Di Bawah Ini Tepat Di Atas Kode </body>


<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(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://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Catatan: Pilihlah salah satu cara di atas , jangan gunakan keduanya nanti membuat blog anda menjadi lemot

Sekian Tutorial Dari Saya Semoga Bermanfaat Dan Menghasilkan Uang Banyak, Jangan Lupa Bagi Bagi Dengan Saya Hehehehe.
Load disqus comments

0 comments