Catatan

Tunjukkan catatan dari Oktober, 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(&

Pasang kod menu responsive pada blog

Imej
Salam, Hari nak ubah tampilan menu yang tak jadi pada blog saya dengan membuat menu responsive yang saya kutip dari blog master Thanks master.. Jadi tanpa berlengah lagi saya terus edit tamplate saya dengan kod menu navigasi responsive ini,ini kod yang akan saya pasang nanti; *jika anda mahu cuba kod ini di sarankan paste dulu kod ini semua di notepad sebelum ke tamplate untuk amankan kodnya dari error.  Step 1; <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> Saya perlu gantikan kod seperti di atas dengannya. Step 2; /*-----Responsive Menu ----*/ body {margin: 0px;} #menu{background: #50B7DC;color: #FFF;height: 40px;border-bottom: 2px solid #DDD;box-shadow: 1px 2px 9px #B1B1B1;border-top: 2px solid #DDD;} #menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none} #menu ul{height:45px;width:1024px} #men