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 tampilkan iklan Adsense dibawah konten post blogger

 Ok jika akaun Adsense sudah approved, macam mana nak tampilkan iklan Adsense dibawah konten post di blogger? Setelah mencari di beberapa laman web blogging akhirnya saya temui kodnya. Nak letak iklan dalam post di penghabisan artikel blog agak mudah sebenarnya cuma cari kod data:post.body

Seperti saya menggunakan custom blogger tamplate yang saya beli terdapat 6 kod di atas jadi saya cuba satu persatu dan berjaya munculkan iklan bawah post ialah kod yang penghabisan.


tayang iklan Adsense bawah artikel

Percubaan meletakkan kod Adsense betul-betul dibawah kod data:post.body yang penghabisan mula-mula tidak berjaya menayangkan iklan, Kemudian saya letak kodnya dibawah   </b:if> selepasnya. Ini kali barulah berjaya tayangkan iklan. Jadi kodnya seperti ini

<data:post.body/>
</b:if>
.....kod iklan Adsense disini....


Nah, berhasil juga akhirnya...

Langkah pasang kod Adsense supaya tampil bawah konten


1-dapatkan kod Adsense anda di Adsense dashboard - copy
2-ke blogger, theme > edit html
3- buka jump to widget > blog1




edit html blogger




4-cari kod data:post.body (control + F) untuk web, Android sila scroll cari kod terakhir


kod html data:post.body





5-paste Adsense code bawah kod </b:if>
6-iklan akan muncul selepas artikel dan sebelum komen



iklan Adsense bawah post


mengatur widget Adsense di halaman post sahaja


Jadi langkang di atas berjaya untuk menampilkan iklan Adsense di bawah post, tapi bila dibuka halaman rumah kelihatan begitu banyak widget iklan Adsense telah tampil. Untuk hadkan kemunculannya hanya di post/ page sahaja kita perlu edit semula, menambah kod 


<b:if cond='data:blog.pageType == "item"'>
.....Kod Adsense Disini....
</b:if>

Tambahkan diatas dan dibawah pada kod iklan Adsense anda nanti iklan hanya akan muncul di post/page sahaja.






Ulasan

Catatan popular daripada blog ini

Cara buang Featured Image Generate Press theme

Cara konfirmasi pemilik blog di webmaster

Masalah Cookies di blogger keluar dalam bahasa German