اقدم لكم إضافة بسيطة تعرض الصورة المصغرة لكل مشاركة في المدونة بجانب عنوان المشاركة ، وهي استجابة كذلك لطلب الأخ ( عمر ) وهي حقاً تُظهر تنسيق المدونة بشكل أكثر جمالاً لم أكن أتوقعه ، الإضافة اقتبستها من مصغرات إضافة المشاركات الشائعة وغيرها، يمكنك مشاهدة هذا "المثال الحي" ، سيكون التطبيق على قالب الساطع ويمكن اجراءة على أي قالب بلا مشاكل إن شاء الله.
شرح تطبيق الإضافة
1. ابحث عن هذا السطر :
1 | - الكود:
-
< - الكود:
-
b:if - الكود:
-
cond - الكود:
-
= - الكود:
-
'data:post.title' - الكود:
-
> |
تنبيه: ستجد هذا السطر مكرر مرتين ، المطلوب هو
السطر الثاني .
2. قم بلصق الكود التالي أسفل السطر الذي وجدته في الخطوة (1) :
1 2 3 4 5 6 7 8 9 10 11 12 13 | - الكود:
-
<!-- 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 بيكسل ).