اضافة ترقيم لتعليقات بلوجر

دعونا نبدأ بإضافة ترقيم التعليقات لمدونتك في blogger


الخطوة 1.


إذا كنت تستخدم واجهة 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/AVvXsEgazbxaFCEv_AoSw75_piSeKn28IuUgqYhr66xS34AbCIp6JsZUCymEVtAEYppqEznefRUa2KP3msqvhRahXwBELkiipqggrbmuBjdqD1gFoB2Ikj5HpbIK73wy6k4V27zQ5p711-L1o6Lq/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-->


الإعدادات:
لتغيير صورة،غير الرابط بالون الاحمر الأحمر
لتغيير لون الأرقام غير الون الازرق

انتهى.....................

هناك تعليقان (2)

  1. اضافة رائعه تسلم ايدك يا معلم

    عالم العاب الفلاش المجانى

    كل ماهو حصرى وجديد فى عالم العاب الفلاش

    http://free-flash-games-world.blogspot.com/

    ردحذف
  2. Hi therе, everythіng is going fine here and ofcоurѕe eνerу one iѕ
    sharing information, that's genuinely good, keep up writing.
    Here is my webpage ; visit homepage

    ردحذف

ads