حصرياً: إضافة الصورة المصغرة لمواضيع المدونة بجانب العناوين !

اقدم لكم إضافة بسيطة تعرض الصورة المصغرة لكل مشاركة في المدونة بجانب عنوان المشاركة ، وهي استجابة كذلك لطلب الأخ ( عمر ) وهي حقاً تُظهر تنسيق المدونة بشكل أكثر جمالاً لم أكن أتوقعه ، الإضافة اقتبستها من مصغرات إضافة المشاركات الشائعة وغيرها،  يمكنك مشاهدة هذا "المثال الحي" ، سيكون التطبيق على قالب الساطع ويمكن اجراءة على أي قالب بلا مشاكل إن شاء الله.

شرح تطبيق الإضافة

1. ابحث عن هذا السطر :

<b:if cond='data:post.title'>

تنبيه: ستجد هذا السطر مكرر مرتين ، المطلوب هو السطر الثاني .

2. قم بلصق الكود التالي أسفل السطر الذي وجدته في الخطوة (1) :

<!--  thumbnail @ posts titles, alblogger.com -->      
<style>
.titlethumb {
float: right;
width: 50px;
margin-left: 20px;
height: 50px;
border-radius: 5px;
}
</style>      
 <b:if cond='data:post.thumbnailUrl'>
<img class='titlethumb' expr:src='data:post.thumbnailUrl'/>
</b:if>

من غير المتوقع أن تكون الصورة متناسقة بشكل مرضي في قالب مدونتك؛ وبالتالي عليك تغيير خصائص CSS خصوصاً فيما يتعلق بالهوامش والحواشي والعرض والارتفاع ، وعليك أن تعلم أن المقاس الإفتراضي للصورة هو ( 27 بيكسل ).