Catatan

Tunjukkan catatan dari September, 2017

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(...

Cuba buat tamplate sendiri part 1

Percubaan pertama membuat tamplate blog sendiri Hari ini adalah percubaan pertama membuat tamplate blog sendiri tapi bukan hasil edit kod sendiri sebalik hasil dari carian google..kredit kepada sifu. Kod ini ialah kod asas yang wajib ada pada sebuah tamplate blogger dan jika tidak ia akan mengakibatkan error tamplate. Kod asas membuat tamplate blog sendiri <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML> <head> <b:skin><![CDATA[ body {background-color: #cab894;background-position: center center;} a:link {font-family: 'PT Serif Caption', serif; font-size: 15px; color:#3094db;} a:hover {color: #4d4544;} a {color: #3094db;} ]]></b:skin> </head> <body> <b:section class='main' id='main'>   <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget> </b:section> </body> </...