إضافة كود المشاركات الأكثر تعليقاً لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته
كود جديد يعمل على إظهار المشاركات الأكثر تعليقاً مع ارقام التعليقات بشكل جميل يتم إضافته إلى مدونة بلوجر #blogger فهو فريد من نوعه هناك أكواد المستخدمين الأكثر تعليقا بالمدونة وهناك كود أخر التعليقات لكن هذه الأداة سوف تظهر المشاركات التي تم التعليق عليها بشكل كبير بالترتيب

نرى معاينة:

معاينة

طبعاً طريقة الإضافة سهلة إلى حد ما:

1. من لوحة التحكم ثم اختر القالب ثم انقر على محرر html ثم البحث عن الرمز وهو يأتي عادةً أول القالب
ثم ألصق الكود التالي أسفل

2. نفس الطريقة السابقة ابحث عن الرمز ]]> ثم اضف الكود التالي فوقه مباشرةً

.comment-count {
padding: 3px 10px;
background: #fff;
color: #000;
font-size: 10px;
float: right;
}
.most-commented ul {
padding: 0px !important;
font-family: Century Gothic, sans-serif;
}
.most-commented ul li {
list-style-type: none;
padding: 10px;
color: #555;
margin-top: -10px;
}
.most-commented ul li a {
color: #444;
font-weight: bold;
text-decoration: none;
font-size: 11px;
}
.most-commented ul li img {
float: left;
margin: 0px 5px 0px 0px;
width: 60px;
height: 60px;
}
.most-commented:nth-child(3n+0) {
background: $(most.commented.background1);
width: 100%;
}
.most-commented:nth-child(4n+0) {
background: $(most.commented.background2);
width: 95%;
}
.most-commented:nth-child(5n+0) {
background: $(most.commented.background3);
width: 90%;
}
.most-commented:nth-child(6n+0) {
background: $(most.commented.background4);
width: 85%;
}
.most-commented:nth-child(7n+0) {
background: $(most.commented.background5);
width: 80%;
}

3. أدخل لوحة التحكم في مدونة بلوجر blogger.com
ثم التخطيط بعد ذلك إضغط على إضافة أداة ثم أختر أداة HTML/JavaScript

الآن ببساطة ألصق الكود التالي داخل مربع الأداة:

غير رابط مدونتي برابط مدونتك http://www.madad2.com ثم حفظ الأداة
يمكنك تحريك الأداة حيث تريد أن تظهر

شكراً للمتابعة :)

شارك المقالة فيس بوك تويتر جوجل بلس لينكد إن