أضف تأثير تصغير الصور في أداة المشاركات الشائعة لبلوجر

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

 شكل الاضافة 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJHTJ1XRfWOS19NeyOagiiPw5CoQY8f-Nu04MbFL5tFc2N-VEbRclb4TbWihvFXRtjgrTBS5DETUOFtrlZIiru3ONuzDM2DTVdIc6puYDpsg9YcN09WkRI_fJNWUqK0qDK0V0yD-QyoozQ/s1600/poular+post.bmp

                       
 لنمر الى طريقة التركيب 
أولا بالنسبة  لمن لا يضع أداة المشاركات الشائعة 
طريقة تركيبها 
من لوحة التحكم  اختر تخطيط ثم  اختر اضافة أداة  تم ستجد أداة بااسم المشاركات الشائعة  اضغط عليها 
ثم طبق ما يلي في الصورة 
 ثم الأن لنتوجه لوضع الكود طريقة سهلة 
طريقة التركيب 
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4h7FnAVa4yQSfJE9pKF5O3ezwofqXAAh7CSS69bQEK3SDB9gvvFU6GCD-O1ZXmd3t9mcHXR7KHRj2u__H5LPvp5jGb38Amho0Bw6aP7-EehFLbDNF002htSpng7lRoGiPoj8bqHtagJRh/s1600/resized_ez.jpg
 ثم قم بالضغط على     ctrl + f   ثم قم بالبحث على  الكود التالي

  ]]></b:skin>

ثم ضع الكود التلي فوقه مباشرة

 .PopularPosts .item-thumbnail {
padding: 3px;
border: 1px solid #999;
background-color: #fff;
}

.PopularPosts img {
height: 36px;
width: 36px;
}

.PopularPosts .widget-content ul li {
list-style: none;
}


 ثم قم بحفض القالب 


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