Home جي كويرى زد سرعة موقعك أو مدونتك بلغة jQuery

بسم الله الرحمان الرحيم

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

و الآن طريقة الإضافة :
تكون بإضافة الكود الآتي قبل </body> المغلق (للبحث عن كود </body> أنزل إلي آخر الصفحة أو أبحث عنه)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == &quot;iPad&quot;) return;
jQuery('img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPrnoSS3WnUvRlloooIz0wwm3w-kWWOK0DjgtpgI_5xMj10M1BgTKUJyWTL3rcsPqZPFvXstFA0hyphenhyphenUo1I6md3-3wFwQVM86rJyIb2jxso0bs3JG9Y6XvuHaFr5zKcyj3z3QxO3-pV_k-U/&quot;
});
});
</script>






ملاحظة : إذا كنت تستعمل jQuery في مدونتك الوورد بريس او موقعك أو منتداك فلا داعي لإستعمال السطر الأزرق ، أستعمل الكود كاملا بدونه

*تطبيق الكود علي التدوينة أو الموضوع فقط*


في بلوجر

بحث عن كود </body> ثم نلصق فوقه (قبله) الكود التالي :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == &quot;iPad&quot;) return;
jQuery('.post img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPrnoSS3WnUvRlloooIz0wwm3w-kWWOK0DjgtpgI_5xMj10M1BgTKUJyWTL3rcsPqZPFvXstFA0hyphenhyphenUo1I6md3-3wFwQVM86rJyIb2jxso0bs3JG9Y6XvuHaFr5zKcyj3z3QxO3-pV_k-U/&quot;
});
});
</script>



في مدونة وورد بريس

مثما في بلوجر أي #post-blog  نضع الكود التالي :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == &quot;iPad&quot;) return;
jQuery('#post-blog img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPrnoSS3WnUvRlloooIz0wwm3w-kWWOK0DjgtpgI_5xMj10M1BgTKUJyWTL3rcsPqZPFvXstFA0hyphenhyphenUo1I6md3-3wFwQVM86rJyIb2jxso0bs3JG9Y6XvuHaFr5zKcyj3z3QxO3-pV_k-U/&quot;
});
});
</script>

في المنتديات 

 
 و نعني به جميع المنتديات فنطبق علي tborder :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == &quot;iPad&quot;) return;
jQuery('.tborder img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPrnoSS3WnUvRlloooIz0wwm3w-kWWOK0DjgtpgI_5xMj10M1BgTKUJyWTL3rcsPqZPFvXstFA0hyphenhyphenUo1I6md3-3wFwQVM86rJyIb2jxso0bs3JG9Y6XvuHaFr5zKcyj3z3QxO3-pV_k-U/&quot;
});
});
</script>
 لمن لم يفهم يليتفظل بالسؤال و سأتشرف بالتفسير
By
Similiar tagsجي كويرى
الاشتراك في: تعليقات الرسالة (Atom)