السبت، 22 أبريل 2017

كيف تسريع مدونة بلوجر بشكل صراوخي 2017

السلام عليكم ورحمة الله وبركاته

اهلا ومرحبا بكم فى مدونة عشوائيات التقنية اليوم موضوعنا رائع جدا جدا هو عن كيفية استخدام بلوجر او مدونتك بشكل صاروخي ورائع جدا انا استخدمت الاضافة ونجحت معى وانشاء الله ستنجح معكم الاضافة اخوانى الكرام رائعه جدا جدا لا يحتاج فقط سوى التركيز معى ملحوظة : تم كتابة الموضوع بقلم عشوائيات التقنية

هى بنا ندخل فى الشرح

  1. تدخل على المظهر ثم تحرير HTML
  2. بالاستعانة بالكيبورد اضغط على Ctrl + f وقم بالبحث عن كلمة </head>
  3. ضع مباشرة فوقها الكود التالي

الكووود


  1. <script type='text/javascript'>//<![CDATA[
  2. (function(a) {
  3.     a.fn.lazyload=function(b){var c={threshold:
  4. 0,failurelimit:0,event:"scroll",effect:"show",container:window;
  5. };
  6. if(b) {
  7.     a.extend(c,b);
  8. }
  9. var d=this;if("scroll"==c.event) {
  10.     a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if
  11. (a.abovethetop(this,c)||a.leftofbegin(this,c)){
  12. }
  13. else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)) {
  14.     a(this).trigger("appear");
  15. }
  16. else {
  17.     if(e++>c.failurelimit){return false;
  18. }}});
  19. var f=a.grep(d,function(a) {
  20.     return!a.loaded;
  21. });
  22. d=a(f);
  23. })}
  24. this.each(function() {
  25. var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"));
  26. }
  27. if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||
  28. a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)) {
  29. if(c.placeholder){a(b).attr("src",c.placeholder);
  30. }
  31. else {
  32. a(b).removeAttr("src");
  33. }
  34. b.loaded=false;
  35. }
  36. else {
  37. b.loaded=true;
  38. }
  39. a(b).one("appear",function() {
  40. if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr
  41. ("original"))[c.effect](c.effectspeed);b.loaded=true;
  42. }).attr("src",a(b).attr("original"));
  43. }});
  44. if("scroll"!=c.event) {
  45. a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear");
  46. }})}});
  47. a(c.container).trigger(c.event);return this;
  48. };
  49. a.belowthefold=function(b,c) {
  50. if(c.container===undefined||c.container===window){var d=a(window).height()+a
  51. (window).scrollTop();
  52. }
  53. else {
  54. var d=a(c.container).offset().top+a(c.container).height();
  55. }
  56. return d<=a(b).offset().top-c.threshold;
  57. };
  58. a.rightoffold=function(b,c) {
  59. if(c.container===undefined||c.container===window){var d=a(window).width()+a
  60. (window).scrollLeft();
  61. }
  62. else {
  63. var d=a(c.container).offset().left+a(c.container).width();
  64. }
  65. return d<=a(b).offset().left-c.threshold;
  66. };
  67. a.abovethetop=function(b,c) {
  68. if(c.container===undefined||c.container===window){var d=a(window).scrollTop();
  69. }
  70. else {
  71. var d=a(c.container).offset().top;
  72. }
  73. return d>=a(b).offset().top+c.threshold+a(b).height();
  74. };
  75. a.leftofbegin=function(b,c) {
  76. if(c.container===undefined||c.container===window){var d=a(window).scrollLeft();
  77. }
  78. else {
  79. var d=a(c.container).offset().left;
  80. }
  81. return d>=a(b).offset().left+c.threshold+a(b).width();
  82. };
  83. a.extend(a.expr[":"], {
  84. "below-the-fold"
  85. :"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold": "!
  86. $.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold
  87. (a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold :
  88. 0, container: window})";
  89. })})(jQuery);$(function() {
  90. $("img").lazyload({placeholder:
  91. "http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";
  92. })})//]]></script>
________________________________________________________________________________