طريقة اضافة صورة مصغرة بجانب العنوان بمدونة بلوجر
درسنا اليوم هو طريقة اضافة صورة مصغرة من نفس صورة الموضوع بجانب العنوان وهي تعطي شكلا جماليا للموضوع للعمل على الاضافة اتبع معنا مايلي :
الخطوات :
1- اذهب الى لوحة التحكم
2- قالب ثم Html تحرير
3- بواسطة Ctrl+f ابحث عن هذا الكود
<b:if cond='data:post.title'>
4- سوف تجد واحد منه او اثتين , التاني هو المقصود انسخ هدا الكود التالي وضعه تحت الكود السابق
<!-- 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>
5- لتغير العرض : width: 50px
6- لتغير الطول : height: 50px
