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

بسم الله الرحمن الرحيم
والصلاة والسلام على اشرف خلق الله سيدنا محمد عليه الصلاة والسلام
السلام عليكم ورحمة الله وبركاته .

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

إضافة صورة مصغرة بجانب عنوان المدونة لابد انها خطوة جميلة في تحسين مظهر المدونة والتدوينة بشكل عام فهي تعطي منظر أكثر جماليه على ماتبدو عليه , الأضافة تقريباَ متوافقه مع جميع القوالب ولا أعتقد بأننا سنجد تعارض في ذالك بأذن الله .

طريقة التركيب :

ادخل مدونتك .
ثم اتجه الى القالب .
حرر القالب .
ابحث عن <b:if cond='data:post.title'>
ستجد اثنتين منها , نحن نريد الثانيه .
ضع تحتها مباشرة هذا الكود :

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

right : لتغير اتجاه الصورة , هي الأن في اليمين لوضعها في اليسار استبدل right بـ left
width: 50px عرض الصورة ,
height: 50px طول الصورة ,
من غير المتوقع أن تكون الصورة متناسقة بشكل مرضي في قالب مدونتك؛ وبالتالي عليك تغيير خصائص CSS خصوصاً فيما يتعلق بالهوامش والحواشي والعرض والارتفاع ، وعليك أن تعلم أن المقاس الإفتراضي للصورة هو ( 27 بيكسل ).
منقول من : البلوجر فشكراَ له .

0 التعليقات