تحديث: اقرأ المزيد وعرض المصغرات بدون جافا سكربت

تحديث: اقرأ المزيد وعرض المصغرات بدون جافا سكربت

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

  ملاحظه : اصحاب الاضافه القديمه عليهم حذفها وذلك باتباع نفس الشرح الذي قامو فيه بتركيب تلك الاضافه ومن ثم تطبيق الشرح التالي. 
 قم بالدخول الى لوحة تحكم مدونتك ثم الي القالب ثم تحرير html ثم ابحث عن الوسم التالي

 ]]></b:skin>

1- لاظهار صور التدوينه جهة اليمين ضع الكود الموجود في الاسفل قبل الوسم السابق

.post-thumbnail{float:right;margin-left:20px}

2- لاظهار صورة التدوينة جهة اليسار ضع الكود الموجود في الاسفل قبل

 ]]></b:skin>

.post-thumbnail{float:right;margin-right:20px}

ثم البحث مجددا داخل القالب عن

 <data:post.body/>

ونستبدله بهذا الكود

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div> <b:if cond='data:post.thumbnailUrl'> <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/> <b:else/> <img class='post-thumbnail' alt='no image' src='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png' width='72px' height='72px'/> </b:if> <data:post.snippet/> </div> <div class='jump-link'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a> </div> <b:else/> <data:post.body/> </b:if> <b:else/> <data:post.body/> </b:if>

 ملحوظه: الاضافه تضع صوره افتراضيه للموضوعات التي لا تحتوى على صور بداخلها وذلك حفاظا على الشكل الجمالي لتسلسل المواضيع . 
يمكن التحكم في ابعاد الصوره من خلال القيم التاليه داخل الكود الاخير

width='72px'  height='72px  

بالتوفيق للجميع .