معهد خبراء بلوجر - اضافة ترقيم لتعليقات بلوجر

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

http://3.bp.blogspot.com/-aSluLrQ1KM...gspot+blog.png

الخطوة 1.

إذا كنت تستخدم واجهة Blogger القديمة:

انتقل إلى لوحة التحكم الرئيسية - تصميم - تحرير HTML - توسيع القالب (عمل نسخة احتياطية)

إذا كنت تستخدم واجهة Blogger الجديد:

انتقل إلى لوحة التحكم الرئيسية - قالب - تحرير HTML - متابعة - توسيع القالب (عمل نسخة احتياطية)

الخطوة 2. الآن العثور على (CTRL + F) هذا الكود في القالب:

كود بلغة HTML:

<b:loop values='data:post.comments' var='comment'>

الخطوة 4. الآن العثور على هذا الكود:

كود بلغة HTML:

<data:commentPostedByMsg/>

الخطوة 5. ومباشرة أسفل الكود السابق/ الصق هذا الكود:

كود بلغة HTML:

<!--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) هذا الكود في القالب:

كود بلغة HTML:

</head>

الخطوة 7. ومباشرة فوقه الصق هذا الكود:

كود بلغة HTML:

<!-- comments-count-starts-->

<style type="text/css">

.comments-number a:link, .comments-number a:visited {

color: black !important;

text-decoration: none !important;

background: url(http://3.bp.blogspot.com/-zrPssaxSG2E/T47v-XB1EWI/AAAAAAAAB8E/uUz8RiJnW2U/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://com-pc.blogspot.com-->

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

المصدر : http://com-pc.blogspot.com/2012/09/blog-post_28.html