Post Top Ad

Your Ad Spot

الأحد، 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):

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

Post Top Ad