Catatan

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 klik Allow all Adsense ad Networks dengan one click

 penat untuk allow all ad networks in Adsense dashboard silalah guna code dibawah ini: langkahnya klik right click di colum Ad network--->Inspect---->console----->paste as plain text guna code dibawah ini untuk toggle all button one bye one automatically  setInterval(function(){     document.querySelector('.blocked-networks-table material-toggle .checked').click(); }, 1000); kemudian hit enter dan lihat ia akan allow semua ad network di Adsense. Untuk lihat hasilnya selepas itu klik refresh. Sumber

buat blog blogger lebih laju di Google Page Speed Insights

Imej
 nak buat blog lebih laju di Google Page Speed Insights agak banyak hal disusun atur semula, namun disini ada satu kod magic boleh tambahkan laju loading blog bila di test. Amaran: perlu backup tamplate blog anda terlebih dahulu jika berlaku kegagalan anda boleh guna tamplate lama kembali(upload). Ini kerana tamplate blogger tidak sama mungkin anda menggunakan tamplate blogger percuma atau default blogger tamplate atau mungkin juga anda menggunakan tamplate premium blogger seperti saya gunakan di blog yang telah saya cuba kod dibawah ini. Edit html cari dan gantikan kode </body> dengan kod di bawah: &lt;!--< /body> --&gt; &lt;/ body&gt;

cara letak baris bawah link (underline) di blogger dan Wordpress

 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; } Cara buat link Underline di wordpress

Masalah Cookies di blogger keluar dalam bahasa German

Imej
2 blog custom domain saya ada masalah cookies banner dia keluar dalam bahasa German. Ini cukup mengelirukan pelawat apabila melihat massage keluar dalam bahasa German, mungkin ramai terus keluar kerana ingat ini semacam virus. Masalah Cookies blog Custom domain blogger Cookies banner adalah massage automatik dari Google bagi yang menggunakan platform blogger, samada anda tak pernah masukkan kod cookies kedalam tamplate dia akan tetap muncul secara auto.  Bagi blogspot saya tidak ada masalah ini, cuma berlaku pada blog custom domain. Jadi sekarang untuk menyelesaikan masalah ini anda perlu edit tamplate anda. Cara tukar bahasa cookies banner ke bahasa Malaysia Dari dashboard blogger, pergi ke theme, klik edit html, klik jump to widget, klik header dan ctrl + F  1. cari kod   </head>  jika nak buang terus massage cookies blogger itu anda cukup ambil satu baris kod dibawah ini sahaja letak sebelum kod anda cari diatas , banner akan terus tak muncul. <script type="text/javasc

Cara buang Featured Image Generate Press theme

 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.

Cara lazyloading semua gambar di blogger supaya laju

 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=