طريقة عمل لوجو شفاف اون لاين بدون برامج

اضافه مهمة جدا لتسريع تحميل مدونة بلوجر التي تحتوي على صور

سرعة تحمبل المدونه

ان سرعة تحميل وتصفح المدونة مهم جدا بالنسبة للزائر ، فقد يغادر الزائر مدونتك اذا استغرقت وقتا طويلا في التحميل ، ويعود السبب في بطء تحميل الصفحة الى زيادة عدد الصور والأضافات الأخرى مع مرور الوقت .
وفي هذا الموضوع سأشرح طريقة تسريع تحميل مدونة بلوجر بحيث يتم تحميل الجزء المرئي من الصفحة اولا وكلما نزل الزائر الى اسفل الصفحة يتم تحميل باقي الأجزاء تباعا وخاصة الصور .

شرح الطريقة :

العملية بسيطة جدا فقط ضع الكود التالي فوق علامة </body> ثم احفظ القالب وستلاحظ الفرق

<script type='text/javascript'> //<;b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]> </script>