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

السلام عليكم ورحمة الله وبركاتة , اخيرا بعد معاناة الكثيرين من اصحاب المدونات الذين قامو بتركيب اضافة اقرا المزيد وعرض مصغرات الصور  وما سببته تلك الاضافه من ثقل في تحميل الصفحه ولكن رغم ذلك لم يستغني عنها احد ومنهم انا لما تضفيه تلك الاضافه من مظهر جمالي واحترافي للمدونه بنفس الوقت . اليوم مع تحديث  لتلك الاضافه بخطوات بسيطه جدا وبدون جافا سكربت التي تسبب ثقل في فتح المدونه سنقوم معا بتطبيق الشرح التالي .
ملاحظه : اصحاب الاضافه القديمه عليهم حذفها وذلك باتباع نفس الشرح الذي قامو فيه بتركيب تلك الاضافه ومن ثم تطبيق الشرح التالي  : قم بالدخول الى لوحة تحكم مدونتك ثم الي القالب ثم تحرير html ثم ابحث عن الوسم التالي ]]></b:skin> 
من يريد ظهور صوره الموضوع علي اليمين عليه وضع الكود التالي قبل الوسم السابق

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

ومن يريد عرض الصوره على اليسار عليه وضع الكود الموجود في الاسفل قبل الوسم السابق

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

ثم البحث مجددا داخل القالب عن <data:post.body/>

ونستبدله بالكود الموجود في الاسفل

b:if cond='data:blog.pageType != "item"'>
 <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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3HZg79TaTBbzvsbX7fTjeq-qROGo__EUnFwqdObvjP65WXwErq0IEIan2e-nuu1hdcIGnWqdocaI4TeA6zXYTrmQWNcTSk0mRCzXTZitzP7u3XWoUsv7damtIW4AurHHDQ3_zb0chUGj/' 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

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

 

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

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات بلوجر, تنسيق القالب