تحديث: اقرأ المزيد وعرض المصغرات بدون جافا سكربت
إضافة إقرأ المزيد بدون جافا سكربت
قم بالدخول الى لوحة تحكم مدونتك ثم الي القالب ثم تحرير 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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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/AVvXsEgqZOHWInykQI9qBCF-Tsvlq_2KYkotkFAsV_La0xaIbWZQP825L_NGQbb-dALcphKUS663Voyt5ry38QG5z1158V7j9laq2Hi097q0bwNdZ2lrE-PlPjlEo2RiIss7mqlk1NVFEHud14ti/' 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
بالتوفيق للجميع .
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).