السلام عليكم ورحمة الله وبركاته اقدم لكم فى موضوع اليوم تنسيق أداة الإحصائيات لمدونات بلوجر بشكل جديد شكل احترافى بدون من الشكل الأفتراضى للإضافة ومع هذا التنسيق سوف تستفيد كثيرا من اداة الإحصائيات المتواجده ضمن إضافات بلوجر وتنقسم الإضافة فى موضوع اليوم الى خمس اقسام بشكل انيق واحترافى قسم عدد المواضيع وقسم عدد التعليقات وقسم عدد المشاهدات وقسم اخر لعدد المشرفين على المدون وقسم اخر لمتابعين المدون وهذه الإضافة سوف تعمل فوق الفوتر فقط لتكون بالشكل المطلوب يمكنك وضعها فى المكان الذى تريده اذا تقدر على تنسيقها ويمكنك مشاهد الإضافه من الرابط التالى.
معاينة
شرح التركيب
- 1- قم بالبحث فى قالب مدونتك عن الوسم ]]> ثم قم بوضع الكود التالى فوقه.
.wdbloogstatusw {
text-align: center;
padding: 50px 70px;
overflow: hidden;
background: #0F4566;
margin: 15px 0;
}
.wdbloogstatusw-h6 {
color: #FFFFFF;
text-align: center;
font-size: 25px;
font-weight: 100;
margin-bottom: 10px;
}
.wdbloogspos-h1 {
color: #FFFFFF;
text-align: center;
font-size: 19px;
font-weight: 100;
margin-bottom: 25px;
}
.wdbloogspos {
float: right;
padding: 0 65px;
color: #fff;
}
#wdbloogtc {
float: right;
padding: 0 65px;
color: #fff;
}
#wdbloogtcount {
float: right;
padding: 0 65px;
color: #fff;
}
#wdblooguser {
float: right;
padding: 0 65px;
color: #fff;
}
#wdbloogthumbs {
float: right;
padding: 0 65px;
color: #fff;
}
.wdbloogspos h4 {
border-radius: 5px;
background: #F74047;
padding: 5px 0;
margin-top: 15px;
font-weight: 100;
}
#wdbloogtc h4 {
border-radius: 5px;
background: #1DA1F2;
padding: 5px 0;
margin-top: 15px;
font-weight: 100;
}
#wdbloogtcount h4 {
border-radius: 5px;
background: #23690F;
padding: 5px 0;
margin-top: 15px;
font-weight: 100;
}
#wdblooguser h4 {
border-radius: 5px;
background: #997B04;
padding: 5px 0;
margin-top: 15px;
font-weight: 100;
}
#wdbloogthumbs h4 {
border-radius: 5px;
background: #0B6EAB;
padding: 5px 0;
margin-top: 15px;
font-weight: 100;
}
.widget ul {
padding: 50px 70px;
margin: 15px 0;
line-height: auto;
}
.widget li, .BlogArchive #ArchiveList ul.flat li {
padding: 0px 60px;
margin: 0;
text-indent: 0;
}
.section {
margin: 0;
}
@media screen and (max-width : 1280px){
#wdbloogtc {
padding: 0 55px;
}
.wdbloogspos {
padding: 0px 60px;
}
#wdbloogtcount {
padding: 0 55px;
}
#wdblooguser {
padding: 0px 55px;
}
#wdbloogthumbs {
padding: 0 55px;
}
}- هذا الكود الخاص بستايل الإضافة يمكنك تغيير جميع ما به اذا كنت تقد على ذلك
- الان قم بوضع فوق الفوتر قم بالبحث عن الوسم هذا
تعليقات