اضافة ترقيم للمشاركات الشائعة بشكل آلي

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

اضافة المشاركات الشائعة

1- اذهب الى قالبك بلوجر > ثم تخطيط

2- اضافة أداة

3- اختر المشاركات الشائعة

4- يجب أن تختار في هذه الإضافة كما هو موضح في الصورة

5- حفظ

تخصيص الإضافة ( اضافة أكواد css )

يجب اضافة بعض التعديلات على الإضافة حتى تصبح مرقمة وذلك بإضافة أكواد css فقط 

1- اذهب الى بلوجر > ثم قالب

2- تحرير html

3- ابحث عن </b:skin>

5- أضف الكود الأتي قبله  (فوقه)

/*--- MBT Popular Posts --- */ 
.popular-posts ul { 
padding-left: 0px; 
counter-reset: popcount; 
}


.popular-posts ul li:before { 
list-style-type: none; 
margin-right: 15px; 
padding: 0.3em 0.6em; 
counter-increment: popcount; 
content: counter(popcount); 
font-size: 16px; 
background: #292D30; 
color: #ffffff; 
position: relative; 
font-weight: bold; 
font-family: georgia; 
float: left; 
border: 2px solid #dddddd; 
box-shadow: 1px 2px 9px #666666; }


.popular-posts ul li { 
border-bottom: 1px dashed #dddddd; 
}


.popular-posts ul li:hover { 
border-bottom: 1px dashed #696969; 
}


.popular-posts ul li a { 
text-decoration:none; color:#5A5F63; 
}


.popular-posts ul li a:hover { 
text-decoration:none; 
}

عدل على :

#292D30 لون خلفية الإضافة
#ffffff  لون الخط أو الأرقام

الإضافة تظهر معك على شكل مربعات بها أرقام لتغيرها الى دوائر 
أتبع هذا الكود

box-shadow: 1px 2px 9px #666666;

بـ هذا

border-radius:15px;

 ليصبح هكذا

box-shadow: 1px 2px 9px #666666;border-radius:15px;

6- احفض العمل ومبروك عليك الإضافة

أي استفسار اتركه في تعليق سيسعدني أن أجيبك عليه