زد سرعة موقعك أو مدونتك بلغة 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/AVvXsEhkqIam_aCwMBLnUghbi7oKOzHOVkYXhC5FLPPY191QQ2rvhm7n9TmZMXlRveBIF5l39AIyitlXkN27SzutZK9VU-8e_mbMskxmzMn9bdGe0acdA9bEXoxRsxbR_G-xs_awU1yJKxWx1ZI//&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/AVvXsEhkqIam_aCwMBLnUghbi7oKOzHOVkYXhC5FLPPY191QQ2rvhm7n9TmZMXlRveBIF5l39AIyitlXkN27SzutZK9VU-8e_mbMskxmzMn9bdGe0acdA9bEXoxRsxbR_G-xs_awU1yJKxWx1ZI//&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/AVvXsEhkqIam_aCwMBLnUghbi7oKOzHOVkYXhC5FLPPY191QQ2rvhm7n9TmZMXlRveBIF5l39AIyitlXkN27SzutZK9VU-8e_mbMskxmzMn9bdGe0acdA9bEXoxRsxbR_G-xs_awU1yJKxWx1ZI//&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/AVvXsEhkqIam_aCwMBLnUghbi7oKOzHOVkYXhC5FLPPY191QQ2rvhm7n9TmZMXlRveBIF5l39AIyitlXkN27SzutZK9VU-8e_mbMskxmzMn9bdGe0acdA9bEXoxRsxbR_G-xs_awU1yJKxWx1ZI//&quot; }); }); </script>
 لمن لم يفهم يليتفظل بالسؤال و سأتشرف بالتفسير

تعليقات

  1. شكرا علي هذا الشرح لكن له مساويء لأنه برغم أنه يظهر الصور بسرعة إلا أنه يتسبب ببطيء الموقع

    ردحذف
  2. ممكن سؤال
    لمذا كل مواضيع مسروقة من مدونة ابو اياد و ذؤيب؟

    ردحذف
  3. شكرا كثير على المواضيع الحلوة انا استفدت كثير وفي مواضيع جربتها على مدونتي منها ما نجح معي ومنها الا
    شكرا كثير اتمنى لك التوفيق

    ردحذف
مرحب بك للتعليق و مشاركة رأيك

التسميات

أخبار ، news إدارة الإجهاد في العمل أدسنس أدوات أرخص إشتراك مدفوع إصلاح خطأ إضافات بلوجر أفضل أفضل 10 أفضل 4 أفضل 5 أفضل 7 إكس أكواد أكواد الألوان الإسلام البحث عن وظائف البحث عن وظيفة البرامج التسويق بالعمولة التصميم التصوير التصوير الاحترافي الجزائر الحماية الذكاء الاصطناعي، تطبيقات ،أندرويد ،الآيفون الربح من الانترنت الربح من النت الشراء عبر الإنترنت في الجزائر العمل العمل والتوظيف ألوان الوان أندرويد إيثريوم أيردروب بايبال بايبال، ماستر كارد،فيزا،تفعيل،paypal بدون رأس مال بلوجر بيتس ستوديو 3 بيتس ستوديو برو بيتكوين تبادل إعلاني تخفيضات،كوبون،شراء،ربح تدوينة تطيقات تعيين مستشار وظيفي تواصل اجتماعي توظيف توظيفـ، سيرة ذاتية تويتر جي كويرى حد إدخال الأحرف حد إدخال الأحرف في ChatGPT حساب حساب فاتورة الكهرباء خطأ خطأ 740 على ويندوز خطأ ويندوز دراسة دروس بلوجر ر ربح ساعة سكربتات مواقع سلسلة كيف تربح من مدونتك سوناطراك شرح شرح بالفيديو شركات استضافة شركات استضافة مواقع صور طرق طريقة طريقة إصلاح عام 2023 عامل مستقل عملات غوغل فاتورة الكهرباء فايس بوك فوركس في فيديوهات ترفيه فيس بوك قابلة للطي قوالبي كاميرا كانفا كتب تعليمية كسب المال كمبيوتر كيفية الشراء من Aliexpress ليتكوين مجانيات محفظة مراجعة مسابقات مستشار وظيفي مشاكل بلوجر مشكلة مشكلة ChatGPT مُصور مُصور هاوٍ مصورًا محترفًا مقارنة مقارنة،هواوي،آبل،آيباد إير مقالات منصات منوعات مواقع نتفليكس نصائح نصاب هاوٍ هواتف هواتف قابلة للطي هواوي واتش 4 برو وظيفة وورد بريس ويندوز ويندوز 10 ويندوز 11 يوجوف Aliexpress bitsler Chatgpt ChatGPT Plus fiverr GPT-4 HTML jQuery youtube

نموذج الاتصال

إرسال