السلام عليكم و
رحمة الله تعالى و بركاته،في هذه الفقرة سوف نقوم بإضافة جميلة تتعلق
بالتعليقات و ذلك بإظهار عدد التعليقات أمام كل عنوان للتدوينة مما تسهل
للزائر معرفة عدد التعليقات في الموضوع بدون الهبوط اإلى أسفل الصفحة و
الان أترككم مع التطبيق
انتقل إلى لوح تحكم مدونتك،إختر "تصميم"
،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
]]></b:skin>
ثم قم بوضع قبله مباشرة الكود التالي :
---------------------------------------------------------------------------------------------------
.comment-bubble {
float : left; width : 48px; height : 48px; background :
url(http://www.yasour.org/images/comment.jpg) no-repeat; font-size :
18px; margin-top : -15px; margin-right : 2px; text-align : center;
padding:0px 0px 0px 0px; /*for more hacks :
http://www.monte-escalier-prix.org/ */ }
---------------------------------------------------------------------------------------------------------
الآن قم بالبحث على هذا الكود ثم أضف ما لون باللون الأحمر :
---------------------------------------------------------------------------------------------------
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'><b:if cond='data:post.allowComments'>
<a
class='comment-bubble' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
-------------------------------------------------------------------------------------------------------------
أتمنى أن تنال إعجابكم في إنتظار تعليقاتكم
