طريقة إضافة الصورة المصغرة لمواضيع المدونة بجانب العناوين

طريقة إضافة الصورة المصغرة لمواضيع المدونة بجانب العناوين

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

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

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

طريقة إضافة الصورة المصغرة لمواضيع المدونة بجانب العناوين