cara Defer Offscreen Images menggunakan Javascript di blogger

Imej
apabila test di google page speed insight dan suggestion dari google supaya  Defer Offscreen Images kita boleh menggunakan Javascript. Ia akan mempercepatkan loading blog anda, mesti dicuba kod ini. sebelum tu backup template jika ada kesalahan anda nanti boleh upload kembali dan menggunakan template lama anda. langkah Defer Offscreen Images menggunakan Javascript di blogger  pergi ke theme--->edit html dan cari kod </body> pastekan kod java dibawah diatasnya. simpan dan test lagi di google page speed insight dan lihat hasilnya. <script> //<![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(&

cara pasang kod iklan Adsense in-feed di blogger

 Bila kita memaparkan iklan Adsense di blog secara manual, tidak menggunakan auto ads kita terpaksa memasang sendiri kod Adsense pada tamplate. Iklan jenis Display Ads, In-Article Ads atau Matched Content boleh dipasang dengan mudah pada widget yang disediakan atau di terus diruangan penulisan html tapi yang jenis satu lagi ni kita perlu sedikit edit html tamplate blog. Iklan in-feed disediakan oleh Adsense untuk publisher paparkan ikan dicelah/diantara feed blog contohnya di urutan posting di halaman Home. Adsense in-feed dapat memaksimal pendapatan anda

memaparkan iklan Adsense antara post di homepage blogger

bagi memaparkan iklan di homepage antara posting kita perlu menggunakan Adsense in-feed

langkah pertama pergi ke Adsense Dashboard klik by ads dan pilih jenis in-feed, dapatkan kodnya seperti;


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-63.............27"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-i1"
     data-ad-client="ca-pub-63............327"
     data-ad-slot="5152250216"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

buang beberapa rangkap kod paling atas tinggal  ini saja

<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-i1"
     data-ad-client="ca-pub-63............327"
     data-ad-slot="5152250216"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>


*Sebelum edit tamplate sila backup terlebih dahulu tamplate



2. ke blogger edit tamplate cari kod seperti di bawah pada tamplate


cari kod ini 'showinlineads'

gantikan value nya dari 'false' kepada 'true'

3. sekarang cari kod 'postsPerAd'

gantikan value nya kepada 3

Nota: dalam nilai/value postsPerAd anda boleh meletakkan sebarang nilai 2,3, atau 4.

bergantung kepada berapa banyak feed siaran yang anda mahu paparkan iklan, mengikut siaran yang dipaparkan pada halaman web.

adsense in-feed kod



4.Sekarang, cari teg <data:adcode/> atau <data:this.adCode/> dan gantikannya dengan kod Adsense anda sudah sediakan sebelumnya

kalau ralat kod Adsense anda perlu di parse terlebih dahulu

untuk lebih jelas sila tonton video dibawah:


-------------------------------------------------



  Nota: dalam nilai postsPerAd anda boleh meletakkan sebarang nilai dan bukannya 1 atau 4 iaitu selepas berapa banyak suapan siaran yang anda mahu paparkan iklan, mengikut siaran yang dipaparkan pada halaman web.npostsPerAdnn

Ulasan

Catatan popular daripada blog ini

Cara buang Featured Image Generate Press theme

Masalah Cookies di blogger keluar dalam bahasa German

Cara konfirmasi pemilik blog di webmaster