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

طريقة ترقيم التعليقات في مدونة بلوجر هي اضافه عند تطبيقك لها ستظهر عدد التعليقات بجانب عنوان تدوينتك في الصفحه الرئيسيه لمدونة بلوجر وكذلك صفحه عرض المواضيع ولتطبيقها يرجا اتباع التالي

سجل دخولك الي لوحة تحكم  مدونتك ثم اذهب الي تصميم > ثم تحريرHtml > قم بتوسيع عناصر واجهه المستخدم > ثم اضغط Ctrl+F ثم ابحث عن الكود الموجود بالاسفل وضع الكود الاحمر كما هو مبين في الكود

<dl id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

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

<div class='' expr:id='data:comment.id'>

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

<span class='comment-number'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

</div>

</b:loop>
</dl>

الان قم بالبحث عن الكود التالي ]]></b:skin>

وضع قبله مباشرة الكود الذي بالاسفل
.comment-number {
float: right;
background: url(http://i40.tinypic.com/14tmp9e.jpg) no-repeat;
width:50px;
height:50px;
margin-right: 15px;
margin-top: -35px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 18px;
font-weight: bold;
}

/*since the numbers are actually links, we need to force the color properties*/

.comment-number a:link, .comment-number a:visited {
color: #445566 !important;
text-decoration: none !important;
}
.comment-number a:hover, .comment-number a:active {
color: #FF9933 !important;
text-decoration: none !important;
}

ثم قم بحفظ قالب مدونتك ومبروك عليك الاضافه

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : طريقة ترقيم التعليقات في مدونة بلوجر بجانب عناوين المواضيع | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات بلوجر, تنسيق القالب, تنسيق تعليقات, دروس بلوجر