اضافة " عداد التعليقات " بجانب عنوان التدوينة

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

- أولا : قبل أي تغير نقوم بحفض القالب تفاديا للأخطاء

 - ثــــــــانيا : نذهب إلى  تصميم / تحرير html و بctrl-f نبحث عن الكود التالي 

]]></b:skin>

ثم قم بوضع قبله مباشرة الكود التالي :  

.comment-bubble { float : left; width : 48px; height : 48px; background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBsM3NLtK6CFDNVQMR0D3TpF4v0OXmo9ROu48jYw4ZuV4r8do0uRlBflygy6yn0v_6BTsAqyfq6RmTE5tuRPdN41kI8MUuVA6laUt_ZLat1SfQg5gNvx37USj_MW67yeiv1r1pPwQ9ZOE/s1600/03-02-2012+17-01+DALR.png) 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>

أتمنى أن تنال إعجابكم في إنتظار تشجيعاتكم 

6:48 ص