اضافة فقاعة عدد التعليقات فى مدونتك

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

فقاعات عدد التعليقات

1- قالب .

2- نختار HTML .

3- نختار توسيع قوالب ..  .

4- نبحث عن وسوم

]]></b:skin>

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

اذا اردت تغيير الفقاعة غير رابط الصورة الموجود فى الاسفل بعد كلمة background : url
واختار من اسفل المشاركة بين العديد من الفقاعات

.comment-bubble {
float : right;width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmEB7iMlTa-g-IW1sBCG_onVywaNOYYRyDC72bLFT3d8CshaNAtkAa5go7v23C7cvZI81PC7l-MHjE-op7AoDd17zLObwoSaozQnNiUOEKUpTvmUwnsoAt3UBoTW6nybTKJNoQC_R8tO7G/s1600/Comment+Bubble+%2815%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
}

* اذا اردت ان تصبح الفقاعة فى جهة اليمين 

احذف هذا السطر

position:absolute;

5- نقوم بالبحث عن الكود التالى لاضافة الوسوم
 باللون الاحمر بين الاكواد الموجودة فى قالبك ..



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


عند اضافة الكود السابق تكون مدونتك جاهزة لظهور بها فقاعة التعليقات الخاصة بك

بعض فقاعات عدد التعليقات اختار منها ...