إضافة صور مصغرة إلى جانب عناوين تدوينات بلوجر
12:52 م
|
السلام عليكم ورحمة الله تعالى وبركاته.
في هذا الموضوع سوف نشرح كيف يمكنكم إضافة صورة مصغرة لكل موضوع أو تدوينة على بلوجر بجانب عنوان التدوينة.
هذه الصورة المصغرة التي تضاف بجانب عنوان كل تدوينة تزيد من جمالية المواضيع والتدوينات، وكذلك من جمالية الموقع أو المدونة.
من خلال لوحة التحكم نختار "قالب".
ثم نضغط على "HTML"
بالضغط على "Ctrl+F" نبحث عن الكود التالي.
سوف تجد أكثر من كود بهذا الاسم، المهم هو أن تختار الكود الثاني.
قم بوضع الكود التالي تحت الكود السابق مباشرة.
وللتحكم في طول وعرض الصورة قم بتغيير رقم 50 إلى الرقم الذي تريد من خلال هذان الكودان.
بهذه الطريقة تكون قد أضفت صورة مصغرة بجانب عنوان المواضيع.
يمكنكم ترك تعليقات أو طرح تساؤلات، كما يمكنكم مشاركة الموضوع مع أصدقائكم.
في هذا الموضوع سوف نشرح كيف يمكنكم إضافة صورة مصغرة لكل موضوع أو تدوينة على بلوجر بجانب عنوان التدوينة.
هذه الصورة المصغرة التي تضاف بجانب عنوان كل تدوينة تزيد من جمالية المواضيع والتدوينات، وكذلك من جمالية الموقع أو المدونة.
من خلال لوحة التحكم نختار "قالب".
ثم نضغط على "HTML"
بالضغط على "Ctrl+F" نبحث عن الكود التالي.
<b:if cond='data:post.title'>
سوف تجد أكثر من كود بهذا الاسم، المهم هو أن تختار الكود الثاني.
قم بوضع الكود التالي تحت الكود السابق مباشرة.
<!-- thumbnail @ posts titles, aminonesite.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>
<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;
بهذه الطريقة تكون قد أضفت صورة مصغرة بجانب عنوان المواضيع.
يمكنكم ترك تعليقات أو طرح تساؤلات، كما يمكنكم مشاركة الموضوع مع أصدقائكم.
الاشتراك في:
تعليقات الرسالة
(Atom)
0 التعليقات:
إرسال تعليق