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

السلام عليكم

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

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

للمعاينة اضغط هنا 

أعتقد أنها اضافة رائعة ، أليس كذلك؟

الشرح

ادخل الى مدونتك

اختر قالب

تحرير html

اضغط على زر لوحة المفاتيح ctrl+f للبحث

ابحث عن

]]></b:skin>

الصق فوقة الكود التالى

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" بالخط الموجود فى مدونتك

بالتوفيــــــــــــــــــق...