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

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

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

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

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

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

• ادخل مدونتك . 
• ثم اتجه الى القالب .
• حرر القالب . 
• ابحث عن <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 التعليقات