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