اضافة صورة مصغرة بجانب العنوان في بلوجر

السلام عليكم ورحمة الله وبركاته

اليوم اتيتكم بدرس هام جميل وهي اضافة صورة مصغرة بجانب العنوان في بلوجر

تزيدك هده الاضافة جمالا نبدا في تطبيقها

اولا

1.  لوحة التحكم
2.  قالب
3. Html تحرير
4.  توسيع القالب
5. الان اضغط 
6. Ctrl+f
7. كي نبحث عن 
8. <b:if cond='data:post.title'>

سوف تجد واحد منه او اثتين

التاني هو المقصود

انسخ هدا الكود وضعه تحت الكود السابق

<!-- 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>

ولي التحكم في طول و العرض الصورة غير في الكود

width: 50px;

height: 50px;

غير الرقم 50

انتهى بفضل الله