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(...
Dapatkan pautan
Facebook
X
Pinterest
E-mel
Apl Lain
cara pasang kod iklan Adsense in-feed di blogger
Dapatkan pautan
Facebook
X
Pinterest
E-mel
Apl Lain
-
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;
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
Ok link amat penting bagi sebuah blog kerana ia adalah sebahagian dari SEO yang menentukan blog kita naik ke no 1 Google carian. Juga kepada pengguna ia memberikan maklumat tambahan apabila link di klik. warna link yang tidak jelas membuatkan ia tidak di klik oleh pengunjung. Seperti saya lebih suka membuat baris pada link, underline link adalah lebih jelas menunjukkan ini adalah link pada anchor text tertentu. membuat link underline di dalam konten sahaja jika anda menggukan kod seperti ini a:link { text-decoration:none; color: $(link.color); } a:visited { text-decoration:none; color: $(link.visited.color); } a:hover { text-decoration:underline; color: $(link.hover.color); } maka jadinya nanti semua link di dalam blog akan diberi garisan bawah. Langkah untuk membuat link didalam konten sahaja diberi garis ialah gunakan kod di bawah ini dan di letakan di ruangan CSS tambahan blog anda .post-body a:link { text-decoration: underline; ...
Dibawah adalah kod lazyloading untuk membuatkan blog loading lebih laju lalu untuk mendapat score lebih tinggi di Google PageSpeed Insights. Cara memasangnya adalah seperti berikut 1. Copy kod dibawah <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("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=...
Hi, kalau tak suka future image atau gambar di atas posting theme Generate Press dikenali sebagai featured image boleh menggunakan kod dibawah ini. Bagi sesiapa yang menggunakan tema free wordpress ini kita perlu edit kod nya kerana tidak tersedia filtur satu klik seperti tema berbayar Generate Press. Future image sedikit memberatkan loading blog, jadi ini adalah satu peluang untuk membuatkan loading blog lebih laju. Cara buang code featured Image Generate Press Buka theme editor, buka file function.php lalu paste kan code dibawah ini add_action( 'after_setup_theme', function() { remove_action( 'generate_before_content', 'generate_featured_page_header_inside_single', 10 ); } ); *ingat anda perlulah menggunakan child theme supaya nanti code ini tidak akan hilang apabila update tema.
Ulasan
Catat Ulasan