0 شرح إضافة عداد التعليقات - comments bubble - بجانب العنوان

بسم الله الرحمان الرحيم 

الحمد لله الذي أحلّ الطيبات وحرّم الخبائث ، أحمده وأشكره ، وأثني عليه وأستغفره ، وأشهَد أن لا إله إلا الله وحدَه لا شريكَ له ، وأشهَد أنَّ محمَّدًا عبدُه ورسوله ، صلَّى الله عليه وعلى آله وصحبِه وسلّم تسليمًا كثيرً

سنشرح لكم اليوم إضافة رائعة تسمى  comments bubble وتأتي هذه الإضافة بجانب عنوان التدوينة أو الموضوع 

فتميز بها مدونتك وتعطي للمدونة جمالية وتستخدم هذه الإضافة في كثير من المدونات لدورها الرائع والمميزوبما أن دورها هو في عد التعليقات لكل تدوينة أو رسالة أو موضوع

لتعرف أكثر تابع معي الشرح 

 نبحث عن هذا الكود

]]></b:skin>

    ثم نضيف هذا الكود فوقه يعني قبل الكود السابق



/*------Commment Bubble Start------*/

.comment-bubble {
float : left;
width : 48px;
height : 48px;
background : url(http://www.iraqup.com/up/20111205/xDas5-2SH4_895298423.gif) no-repeat;
font-size : 18px;
margin-top : -5px;
margin-right : 2px;
text-align : center;
padding:0px 0px 0px 0px;
}

/*------Commment Bubble End Introblogger------*/

  

إبحث عن هذا الكود ستجد منه 2 المقصود هو الأول

<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>

واحفض القالب

ومبروك عليك أخوكم عبدالله 

تم بحمد الله