زد سرعة موقعك أو مدونتك بلغة 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;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&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;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&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;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&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;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&quot; }); }); </script>
 لمن لم يفهم يليتفظل بالسؤال و سأتشرف بالتفسير
بسم الله الرحمان الرحيم

 اليوم سنتحدث عن إضافة كود تسريع إلي المدونات كبلوجر أو وورد بريس أو المواقع و بالطبع منتديات الفي بي،
دوما حين تدخل إلي صفحة أنترنت فيها كثير من الصور تلاحظ ان الصور كلها تحمل مع بعضها البعض و لك كود  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;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&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;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&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;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&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;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&quot; }); }); </script>
 لمن لم يفهم يليتفظل بالسؤال و سأتشرف بالتفسير
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
abuiyad