Cara Mempercepat Loading Iklan Adsense Sebelum Artikel Di Blog
Thursday, 23 November 2017
Edit
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.
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.
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.
4. Pasang Kode Di Bawah Ini Tepat Di Bawah <head> Atau Di Atas </head>
5. Letakkan Kode Di Bawah Ini Tepat Di Bawah Kode <body>
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>
Sekian Tutorial Dari Saya Semoga Bermanfaat Dan Menghasilkan Uang Banyak, Jangan Lupa Bagi Bagi Dengan Saya Hehehehe.
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>
<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>
<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'>
//<;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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4qNwIVS0ut15TG4eFUyMgN1224k4-WIq3j7_JWJIX4jXB8RBU_XOCCq0lqSW8tK3AvooYPvdHkubspyoul4SJtqjboSqWXW4U8d7eSZhg93n2bODTLxNdk5uhfI-juObfhRA6p8IcyaSB/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
//<;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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4qNwIVS0ut15TG4eFUyMgN1224k4-WIq3j7_JWJIX4jXB8RBU_XOCCq0lqSW8tK3AvooYPvdHkubspyoul4SJtqjboSqWXW4U8d7eSZhg93n2bODTLxNdk5uhfI-juObfhRA6p8IcyaSB/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.