اضافة " عداد التعليقات " بجانب عنوان التدوينة - 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

وبالتوفيق دائما ادعو لي ولكم