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

السلام عليكم ،

احبائي متابعي وزوار مدونة الشارقة ، سأشرح لكم في هذه التدوينة كيفية اضافة ايقونة بجانب عنوان الرسالة او التدوينة يظهر بها عدد التعليقات في هذه التدوينة ، الاضافة تعبر عن الاحترافية في الاداء ، وتضفي جمالا وحيوية وتكسر الروتين المعتاد في قوالب بلوجر المنتشرة ، يستخدم هذه الاضافة الكثير من اصحاب المدونات العالمية المشهورة .

انا واثق انها نالت اعجابك ،
عاين الاضافة في هذه المدونة


اذا اعجبتك الاضافة تابع قراءة طريقة التركيب .....

__________________________________________________________________

الخطوة الاولى

من لوحة التحكم اضغط على تصميم – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم

الخطوة الثانية

1- ابحث عن :

]]></b:skin>

2- واستبدلها بـ :كود رقم1

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

.comment-bubble {
float : left;
width : 48px;
height : 48px;
background : url(http://farm5.static.flickr.com/4138/4759798941_0051d9bd44_t.jpg) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding:0px 0px 0px 0px;
}

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

]]></b:skin>

 3- ابحث عن :

<h3 class='post-title entry-title'>

 4- اضف الكود التالي بعدها مباشرة : كود رقم 2

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

5-  اذا لم تجد الجملة في النقطة رقم 3  ابحث عن :

<b:if cond='data:post.link'>

 6- واضف الكود رقم 2 قبلها او اعلاها مباشرة

 7- احفظ القالب ومبروك عليك الاضافة .

8- هذا ملف يحتوي على مجموعة من الايقونات الجميلة لهذه الاضافة حمله من هذا الرايط :
http://www.box.net/shared/8qauybczns

فيسبوك توتير جوجل + لينكدان بينتريست