تغير المشاركات الشائعة في بلوجر بشكل رائع

السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم طريقة تغير المشاركات الشائعة في بلوجر بشكل رائع

لمن لأ يعرفة طريقة  اضافة كود المشاركات الشائعة بلوجر  اضغظ هناااا 

شكل اخر لمشركات  الشائعة اضغظ هناااا

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

الشرح بالصور
1- اولأ اذهب الي لوحة التحكم
2- قالب
3- تحرير html

ثم ابحث عن الكود دي

]]></b:skin>

ضع الكود قبل ]]></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;
}

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