التعداد الرقمى الجديد للبلوجر شكل مميز ورائع

بسم الله الرحمنن الرحيم

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

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

لذا قررت ان اصمم واحد مثلة

اولا المعاينة

للمعاينة اضغط هنا
ما رايك به رائع اليس كذالك
لنجربة

 الشرح

1. ادخل الى مدونتك
2. اختر قالب
3. تحرير html
4. اضغط على زر لوحة المفاتيح ctrl+f للبحث
5. ابحث عن ]]></b:skin>
6. الصق فوقة الكود التالى

ol ol {
    margin: 0px 2em 0px 12px;
}
ol{counter-reset:li;list-style:none outside none;font:15px arial;padding:0;margin-right:-4px;margin-top:0;margin-bottom:0}
ol{list-style:none outside none;font:15px arial}
.post ol li {
    position: relative;
    display: block;border: solid 1px #E0E0E0;
    padding: 0.4em 1.8em 0.4em 2em;
    margin: 0.5em 0px;
    background: #F0F0F0;
    color: #444;
    text-decoration: none;
    border-radius: 0.3em;
    transition: all 0.3s ease-out 0s;
    font-family:arial;
}
.post ol li:before {
    content: counter(li, decimal);
    counter-increment: li;
    position: absolute;
    right: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: 0.3em solid #FFF;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all 0.3s ease-out 0s;
    color: #fff !important;
    font-family: time;background:#359BED;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
    box-shadow:0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
}
.post ol li:hover:before{transform:rotate(360deg)}
.post ol li:hover {
background:#359BED;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
box-shadow:0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1);
color: #FFF !important;
}

مع استبدال الملون بالازرق "#359BED" باللون الذى تريد

والملون بالاحمر "arial" بالخط الموجود فى مدونتك

كلمة شكر تكفى