إذا كنت تستخدم واجهة Blogger القديمة:
انتقل إلى لوحة التحكم الرئيسية - تصميم - تحرير HTML - توسيع القالب (عمل نسخة احتياطية)
إذا كنت تستخدم واجهة Blogger الجديد:
انتقل إلى لوحة التحكم الرئيسية - قالب - تحرير HTML - متابعة - توسيع القالب (عمل نسخة احتياطية)
الخطوة 2. الآن العثور على (CTRL + F) هذا الكود في القالب:
<b:loop values='data:post.comments' var='comment'>
الخطوة 3. مباشرة فوق / قبل ذلك،الكود السابق الصق هذا الكود:
<script type='text/javascript'>var CommentsCounter=0;</script>
الخطوة 4. الآن العثور على هذا الكود:
<data:commentPostedByMsg/>
الخطوة 5. ومباشرة أسفل الكود السابق/ الصق هذا الكود:
<!--comments-count-starts-->
<span class='comments-number'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--comments-count-stops-->
الخطوة 6. العثور على (CTRL + F) هذا الكود في القالب:
</head>
الخطوة 7. ومباشرة فوقه الصق هذا الكود:
<!-- comments-count-starts-->
<style type="text/css">
.comments-number a:link, .comments-number a:visited {
color: black !important;
text-decoration: none !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht0lrrn8W6HuNCLfBL9hgDMZTV_nZ_m4sJY2kGRr7ZdwBxCknQ0bDuwwnJu8-zoQRFf1m7pC0dI-NxjGJK-kFGBUmz8aLHsNHvpkdu3guJ4OZirI0NGdRQMh99V8QMLewrL-18wqBMnzO1/s1600/comment+bubble+1.png) no-repeat;
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}
.comments-number a:hover, .comments-number a:active {
color: #1BA0E1 !important;
text-decoration: none !important;
}
</style>
<!-- comments-count-stops-http://helplogger.blogspot.com-->
الإعدادات:
لتغيير صورة،غير الرابط بالون الاحمر الأحمر
لتغيير لون الأرقام غير الون الازرق
