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

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

اخوانى العزاء فى مدونة MGC الكرام اهلا بكم

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

كما فى الصورة التالية

اولا سوف نقوم بتعديل بسيط على اضافة المشاركات الشائعة

نذهب الى لوحة بلوجر > التخطيط > المشاركات الشائعة

ونقوم بتعديلها كما فى الصورة التالية

ثم انتقل إلى لوحة بلوجر> قالب.

باستخدام CTRL + F، والبحث عن  </b:skin>

اضف قبله الكود التالى :

/*--- 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
• شكل الفقاعة هو الشكل الاساسى ـ لتغييره الى شكل الدائرة قم باضافة الكود التالى border-radius:15px; بعد box-shadow: 1px 2px 9px #666666;

 واخيرا مبروك عليك الاضافة

ارجو ان اكون وفقت فى الشرح - القاكم فى دروس واضافات قادمة باذن الله
تحياتى - احمد الماجيك