Infinity Xsamz: Blogging

Cara Optimasi Loading Blog dengan Lazy Load Adsense - Sebagai Blogger kita harus memberikan kenyamanan kepada pengunjung di blog kita, dengan mempercepat loading blog kita sudah membantu kenyamanan pengunjung di blog kita dan sudah menambah nilai SEO dalam blog.

Baca juga: Cara Mempercepat Loading Blog dengan Lazy Load

Jika kalian mau mempercepat loading blog, silahkan baca artikel ini sampai habis.

Cara Mempercepat Loading Blog dengan Lazy Load AdSense

Pada artikel ini saya akan mengeshare cara mempercepat loading blog dengan lazy load adsense, ada juga tutorial lain nya yaitu cara optimasi loading blog dengan lazy load.

Baca juga: Cara Membuat Efek Turun Salju di Blog

Oke, kita lanjut ke tutorial nya ya...

Mempercepat Loading Blog dengan Lazy Load Adsense

Cara kerja dari kode ini yaitu iklan akan tampil setelah kita menggulir halaman blog.

Pertama-tama kalian harus membuka Blogger -> Tema -> Edit HTML, lalu copy kode dibawah ini dan pastekan tepat diatas kode </body>.

<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>

Jangan lupa untuk menghapus kode yang seperti ini:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Jika sudah, klik Simpan template.

Baca juga: Cara Memasang Ads.txt di Blog

Nah, begitulah Cara Mempercepat Loading Blog dengan Lazy load Adsense. Jika kalian suka dengan artikel ini, kalian bisa memfollow fanpage kita di Instagram (@infinityxsamz).

Penutup

Terima kasih telah membaca artikel Cara Mempercepat Loading Blog dengan Lazy Load Adsense, Semoga bermanfaat untuk kalian semua.

Cara Mempercepat Loading Blog dengan Lazy Load Adsense

Summer Selasa, 22 Januari 2019

Cara Optimasi Loading Blog dengan Lazy Load - Sebagai Blogger kita harus memberikan yang terbaik kepada pengunjung di blog kita, dengan mempercepat loading blog sudah membantu kenyamanan pengunjung di blog kita dan sudah menambah nilai SEO dalam blog.

Baca juga: Cara Mempercepat Loading Blog dengan Lazy Load Adsense

Jika kalian mau mempercepat loading blog, silahkan baca artikel ini sampai habis.

Cara Mempercepat Loading Blog dengan Lazy Load

Pada artikel ini saya akan mengeshare cara mempercepat loading blog dengan lazy load, ada juga tutorial lain nya cara mempercepat loading blog dengan lazy load adsense.

Baca juga: Cara Membuat Semua Link Otomatis Terbuka di New Tab

Oke, kita lanjut ke tutorial nya ya...

Cara Optimasi Loading Blog Dengan Memasang Plugin Lazy Load

Pertama-tama kalian harus membuka Blogger -> Tema -> Edit HTML, lalu copy kode di bawah ini dan pastekan tepat diatas 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>

Jika sudah, klik Simpan.

Baca juga: Cara Mengubah Warna Address Bar Blog Pada Browser Mobile

Nah, begitulah Cara Mempercepat Loading Blog dengan Lazy load. Jika kalian suka dengan artikel ini, kalian bisa memfollow fanpage kita di Instagram (@infinityxsamz).

Penutup

Terima kasih telah membaca artikel Cara Mempercepat Loading Blog dengan Lazy Load, Semoga bermanfaat untuk kalian semua.

Blogging

Cara Mempercepat Loading Blog dengan Lazy Load

Summer Selasa, 22 Januari 2019

Cara Membuat Efek Turun Salju Pada Blog - Memberikan efek turun salju di blog dapat membuat tampilan blog kita menambah keren, apalagi dipasang saat musim salju atau natal.

Baca juga: Cara Merubah Icon Blog di Semua Browser

Jika kalian penasaran seperti apa Demo dari efek salju nya, klik Disini ya gan.

Cara Membuat Efek Turun Salju di Blog

Untuk memberikan Efek Salju di blog, Pertama-tama kalian buka Blogger -> Tema -> Edit HTML. lalu copy kode dibawah ini dan pastekan tepat diatas kode </body>.

<div class='contentz'>
<canvas class='snow' id='snow'></canvas>
</div>
<script type='text/javascript'>
//<![CDATA[
!function(){function t(t){var n=t.getContext("2d"),e=0,i=0,o=[],d=function(){this.x=this.y=this.dx=this.dy=0,this.reset()};function a(){e=window.innerWidth,i=window.innerHeight,t.width=e,t.height=i,function(t){if(t!=o.length){o=[];for(var n=0;n<t;n++)o.push(new d)}}(e*i/1e4)}d.prototype.reset=function(){this.y=Math.random()*i,this.x=Math.random()*e,this.dx=1*Math.random()-.5,this.dy=.5*Math.random()+.5},a(),function t(){n.clearRect(0,0,e,i),n.fillStyle="rgba(255,255,255,.3)",o.forEach(function(t){t.y+=t.dy,t.x+=t.dx,t.y>i&&(t.y=0),t.x>e&&(t.reset(),t.y=0),n.beginPath(),n.arc(t.x,t.y,5,0,2*Math.PI,!1),n.fill()}),window.requestAnimationFrame(t)}(),window.addEventListener("resize",a)}var n;n=function(){t(document.getElementById("snow"))},"loading"!=document.readyState?n():document.addEventListener("DOMContentLoaded",n)}();
//]]>
</script>

Jika sudah, Sekarang tambahkan kode CSS dibawah ini dan pastekan tepat diatas kode </head>.

<style type='text/css'>
/* Efek Salju Terbaru */
.snow{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}
.contentz{height:100%;position:relative;overflow:hidden;z-index:1}
</style>

Jika sudah, Sekarang klik Simpan dan lihatlah tampilan blog kalian.

Baca juga: Cara Mengubah Warna Address Bar Blog Pada Browser Mobile

Nah, begitulah cara memberikan efek salju di blog. Jika kalian suka dengan artikel ini, kalian bisa memfollow fanpage kita di Instagram (@infinityxsamz).

Penutup

Terima kasih telah membaca artikel Cara Membuat Efek Turun Salju di Blog, Semoga bermanfaat untuk kalian semua.

Blogging

Cara Membuat Efek Turun Salju di Blog

Summer Selasa, 22 Januari 2019

Cara Membuat Semua Link Terbuka di Tab Baru Secara Otomatis - Jika kalian ingin memasang script Link terbuka di Tab Baru secara otomatis, hal ini dapat menurunkan presentase bounce rate pada blog kalian karena pengunjung tidak meninggalkan halaman blog kalian melainkan membuka tab baru secara otomatis, tetapi jika kalian ingin tetap memasang kode script link otomatis terbuka di tab baru, silahkan simak artikel dibawah ini.

Baca juga: Cara Memasang Auto Refresh di Blog

Jika kalian minat dengan tutorial ini, silahkan simak sampai selesai artikel ini.

Cara Membuat Semua Link Terbuka di New Tab Secara Otomatis

Oke, Pertama-tama kalian harus membuka Dashboard Blogger terlebih dahulu. Lalu klik Tema -> Edit HTML dan copy script di bawah ini dan pastekan tepat diatas pada </body>.

<script type='text/javascript'>
var arr = document.getElementsByTagName("a"); //dapatkan semua link untuk halaman(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("http://www.infinityxsamz.com/") < 0 //bukan link yang ada di dalam halaman ini
&& arr[i].href.indexOf("javascript:") < 0) // link
arr[i].target = "_blank";
}
</script>

Jika cara diatas tidak bisa, tambahkan kode dibawah ini tepat diatas kode </head>.

<base target='_blank' />

Jika sudah, klik Simpan dan silahkan cek.

Baca juga: Cara Memasang Ads.txt di Blog

Nah, begitulah Cara Membuat Semua Link Otomatis Terbuka di New Tab. Jika kalian suka dengan artikel ini, kalian bisa memfollow fanpage kita di Instagram (@infinityxsamz).

Penutup

Terima kasih telah membaca artikel Cara Membuat Semua Link Otomatis Terbuka di New Tab, Semoga bermanfaat untuk kalian semua.

Blogging

Cara Membuat Semua Link Otomatis Terbuka di New Tab

Summer Selasa, 22 Januari 2019

Cara Memasang Script Auto Refresh Pada Blogger - Script auto refrest ini bagus untuk meningkatkan visitor pada blog kalian, script auto refresh ini mempunyai fungsi untuk merefresh pada waktu yang diatur atau ditentukan. Dengan menggunakan script auto refresh ini seakan akan blog kalian memiliki pengunjung yang lumayan untuk didalam pageview Blogger, sedangkan dalam Google Analytics berbeda.

Baca juga: Cara Redirect Halaman 404 ke Homepage Blog

Saya tidak menyarankan kalian untuk memasang script auto refresh ini pada blog kalian, karena akan membuat pengunjung kalian tidak nyaman.

Cara Memasang Script Auto Refresh Di Blog

Untuk memasang auto refresh di blog, kalian harus membuka Dashboard Blogger terlebih dahulu, Lalu klik Tema -> Edit HTML. Kemudian copy script atau kode auto refresh ini dan pastekan tepat diatas kode </head>.

<meta content='60' http-equiv='refresh'/>

Note: angka 60 itu bisa kalian atur sendiri sesuai keinginan kalian, tapi lebih baik tidak usah di ubah karena angka 60 tidak terlalu cepat dan tidak terlalu lama.

Baca juga: Cara Memasang Ads.txt di Blog

Nah, begitulah cara memasang auto refresh pada halaman blogger. Jika kalian suka dengan artikel ini, kalian bisa memfollow fanpage kita di Instagram (@infinityxsamz).

Penutup

Terima kasih telah membaca artikel Cara Memasang Script Auto Refresh di Blog, Semoga bermanfaat untuk kalian semua.

Blogging

Cara Memasang Auto Refresh di Blog

Summer Selasa, 22 Januari 2019

Cara Merubah Icon Blog di Semua Browser, Address Bar, Tab Menu, dan Bookmark - Pada artikel ini saya akan membahas Cara merubah icon blog kita dari huruf menjadi favicon atau logo blog kita saat dilaman Google.

Baca juga: Cara Mengubah Warna Address Bar Blog Pada Browser Mobile

Cara Merubah Icon Blog di Semua Browser Pada Address Bar, Tab Menu, dan Bookmark

Saya akan memberikan tutorial cara mengubah icon blog pada address bar, tab menu, dan bookmark. lihat gambar dibawah ini, biasanya icon blog kita hanya awalan nama blog kita, tapi dengan tutorial ini kalian bisa mengubah menjadi icon atau favicon blog kalian.

Untuk cara mengubah icon blog nya disemua browser, kalian harus membuka Blogger -> Tema -> Edit HTML dan masukkan script dibawah ini dibagian Meta, ada dibawah <head>.

<link href='https://i1.wp.com/www.lovewinsusa.com/wp-content/uploads/sites/3/2017/09/love-wins-california-favicon.png' rel='shortcut icon' type='image/

Note: ubah pada bagian berwarna merah dengan link icon blog kalian.

Baca juga: Cara Megaktifkan Ads.txt Pada Blog

Bagaimana dengan artikel Cara Merubah Icon Blog di Semua Browser Pada Address Bar, Tab Menu, dan Bookmark? Jika kalian suka dengan artikel ini, kalian bisa memfollow fanpage kita di Instagram (@infinityxsamz).

Penutup

Terima kasih telah membaca artikel Cara Merubah Icon Blog di Semua Browser, Semoga bermanfaat untuk kalian semua.

Blogging

Cara Merubah Icon Blog di Semua Browser

Summer Senin, 21 Januari 2019

Cara Mudah Memasang Ads.txt Pada Blog - Dalam artikel ini saya akan membahas cara memasang ads.txt pada blog, mudah sekali kok!.

Setiap kali kita diapprove Adsense Blog, kita diharuskan untuk memasang ads.txt di blog kita, oleh karena itu saya akan memberikan tutorial cara memasang ads.txt di blogspot.

Dalam dashboard Google AdSense, akan bertuliskan pesan seperti ini :

Penghasilan Anda berisiko - Satu atau beberapa file ads.txt Anda tidak berisi ID penayang AdSense. Perbaiki masalah ini sekarang juga untuk menghindari dampak yang serius pada pendapatan Anda.

Seperti itulah pesan dalam Google AdSense untuk menyuruh kita memasang ads.txt dalam Blog kita.

Tapi bagaimana cara mengaktifkan Ads.txt pada blog? Simak tutorial ini sampai selesai yaa..

Cara Memasang Ads.txt Pada Blog

Untuk memasang Ads.txt atau Mengaktifkan Ads.txt, kalian harus membuka Dashboard Blogger terlebih dahulu. lalu kalian pilih Setelan -> Preferensi Penulusuran -> Monetisasi -> Ads.txt kustom -> Kemudian kalian pilih edit dan isi dengan Kode berikut ini.

google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0

Ganti pub-00000000000000 dengan ID Adsense kalian, kemudian klik Simpan Perubahan.

Baca juga: Cara Agar Blog Cepat di Approve Adsense Terbaru

ID Adsense bisa kalian lihat pada Dashboard Adsense -> Account -> Account Information.

Cara Mengetahui Ads.txt Telah Aktif di Blog

Untuk mengetahui Ads.txt telah aktif atau belum, kalian bisa cek pada address bar dengan mengetik berikut ini :

http://www.nama_domain_kalian.com/ads.txt

Ubah "nama_domain_kalian.com" menjadi Alamat Blog kalian.

Baca juga: Cara Agar Artikel Blog Cepat Terindeks Google Terbaru

Bagaimana dengan artikel Cara Memasang Ads.txt Pada Blog? Jika kalian suka dengan artikel ini, kalian bisa memfollow fanpage kita di Instagram (@infinityxsamz).

Penutup

Terima kasih telah membaca artikel Cara Mengaktifkan Ads.txt Pada Blog, Semoga bermanfaat untuk kalian semua.

Adsense Blogging

Cara Memasang Ads.txt Pada Blog

Summer Senin, 21 Januari 2019