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

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

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

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 بيكسل ).