Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

كيفية اضافة عدد التعليقات بداخل ايقونة بجانب عنوان الموضوع

كينج نت ملك النت | 6/24/2012 |
طريقة اضافة ايقونة بداخلها عدد التعليقات بجانب عنوان الموضوع كما تراها بالمدونات الأجنبية ميزة رائعة وتنبه الجميع كصاحب المدونة او الزوار بأن يوجد بهذه التدوينة عدد التعليقات فعندما يأتى الزائر ويراها وبداخلها عدد التعليقات سيعرف بأن هذه المدونة يوجد بها مشاركات واشخاص متواجدين بالمدونة مثل المنتديات الذى يوجد بها المواضيع عدد من الردود لا باس به فبتالى سيعرف بأن هذا المنتدى يوجد به اعضاء ويشاركون بالمنتدى فبتالى سيجبرة على المشاركة فهذا ما اقصدة عدد التعليقات تدل على وجود المدونة بالشبكة العنكبوتية الانترنت وهذه سمعة جيدة للمدونة فأحرص دائما بأن تضع الاشياء الذى تدل على وجود مدونتك بساحة الانترنت والا تجعلها صامتة امام الجميع رغم بان المدونة يأتى اليها الزوار الأن سندخل فى صلب الموضوع وهو كيفية اضافة ايقونة بداخلها عدد التعليقات بجانب عناوين التدوينة فى البداية ادخل الى لوحة تحكم المدونة وقبل ان تفعل اى شيى قم بأخذ نسخة احتياطية ولمن لا يعرف طريقة اخذ نسخة احتياطية كالمبتدئين ادخل على هذا الموضوع من هنا الان بعد ما اخذنا نسخة احتياطية لتجنب حدوث اى خطاء نذهب الى القالب ومنها نضغط على زر تحرير HTML















الان اضغط على زر متابعة كما واضح بالصورة التالية :












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
















الان اضغط على ازرر CTRL + F من لوحة المفاتيح الكيبورد للتسهيل بعملية البحث :
الان ابحث عن هذا الكود :

]]></b:skin>

قم بأستبدال الكود السابق الذى بحثنا عنة بهذا الكود :

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

.comment-bubble {
float : left;
width : 48px;
height : 48px;
background : url(https://lh4.googleusercontent.com/-bVI-sHT5KOo/T-djlaPfWjI/AAAAAAAAAbA/SM_gJPNKBpA/h120/Comment.gif) 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>

اخر مرحلة قم بالبحث عن هذا الكود :

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


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

ملحوظة هامة : قم بتغير رابط الايقونة المشار بللون الاحمر الى الايقونة الذى تريده
وهذا مثال بعد التطبيق كما موجودة بمدونتى .

هناك تعليقان (2) :

  1. شكرا لك على الاضافة الجديدة

    ردحذف
  2. العفو يا اخ سعد اتمنى ان الاضافة اعجبتك

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف