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

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

 اهلا و سهلا اعزائي الكرام 

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

اضافة المشاركة الشعبية هي التي يمكن من خلالها عرض مقتطف من مشاركاتك ذو شعبية

  الأكثر مشاهدة جنبا إلى جنب مع صورة مصغرة بناء على احصائيات تحليلات الخاص بك. 

في هذه الاضافة تعديلات بسيطة في عرض المشاركات شعبية و ذلك بعرض الصور المصغرة من صور المقال.  

هذهالاضافة مميزة وخاصة لأولئك الذين يملكون مدونات معرض التصوير الفوتوغرافي ،

  و المدونات التي تحتوي على مواضيع أكثر حول الصور.

    

شرح تركيب الاضافة

الدخول إلى لوحة التحكم الخاصة بك على بلوجر

اذهب إلى تخطيط >> إضافة أداة جديدة >> حدد أداة المشاركات الشائعة

تأكد من تحقق الصورة المصغرة فقط.

 

قم حفظ الاداة وحفظ الترتيب.

الان قم بالذهاب إلى قالب >> تحرير HTML >> توسيع القالب

ابحث عن ]]></b:skin>  وضع رمز CSS التالي قبل او فوق  ]]></b:skin>

.PopularPosts .widget-content ul li {background:#FFF repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
    .PopularPosts ul{padding:5px 0}
    .PopularPosts .item-thumbnail img{width:50px;height:50px;padding:11px;margin:0}
    .PopularPosts .item-content{position:relative;float:left;margin:0}
    .PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}
    .PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
    .PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}
.PopularPosts .item-title{display:none;}

يمكنك تعديل حجم الصور حسب رغبتك

width:50px;height:50px

احفظ عملك وقم بعرض النتيجة

الى هنا انتهينا 

تحياتي و شكرا