شرح لكيفية اضافة اداة المشاركات الشائعة بشكل جديد

شرح لكيفية اضافة اداة المشاركات الشائعة بشكل جديد 

اقدم لكم زوارنا الكرام موضوعا جديد عن اضافة اداة المشاركات الشائعة بشكل جديد بحيث تضيف الي اداة المشاركات الشائعة بعض المميزات ويغير في شكلها ويجعلها احلي بترقيم المشاركات الشائعة 1 2 3 4 5
تستطيع اضافة هذة الاداه بخطوات سهلة جدا وتصبح شكل المشاركات الشائعة كما في الصورة.

والان مع الشرح 

اولا نذهب الي لوحة تحكم المدونة / القالب / تحرير html 
وبعد ذالك نبحث عن </b:skin> 
ونضع فوقها هذا الكود ونضغط علي حفظ النموذج

_______________________________________

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

}

_______________________________________

ممكن تغير لون الاضافة بي اي لون انت عايزه عن طريق تغير الكود الملون بالون 
البرتقالي

وبعد ذالك نذهب ونضيف اداة المشاركات الشائعة من المدونة وسوف تلاحظ التغير 

وكده تمام