طريقة اضافة ايقونة بداخلها عدد التعليقات بجانب عنوان الموضوع كما تراها بالمدونات الأجنبية ميزة رائعة وتنبه الجميع كصاحب المدونة او الزوار بأن يوجد بهذه التدوينة عدد التعليقات فعندما يأتى الزائر ويراها وبداخلها عدد التعليقات سيعرف بأن هذه المدونة يوجد بها مشاركات واشخاص متواجدين بالمدونة مثل المنتديات الذى يوجد بها المواضيع عدد من الردود لا باس به فبتالى سيعرف بأن هذا المنتدى يوجد به اعضاء ويشاركون بالمنتدى فبتالى سيجبرة على المشاركة فهذا ما اقصدة عدد التعليقات تدل على وجود المدونة بالشبكة العنكبوتية الانترنت وهذه سمعة جيدة للمدونة فأحرص دائما بأن تضع الاشياء الذى تدل على وجود مدونتك بساحة الانترنت والا تجعلها صامتة امام الجميع رغم بان المدونة يأتى اليها الزوار الأن سندخل فى صلب الموضوع وهو كيفية اضافة ايقونة بداخلها عدد التعليقات بجانب عناوين التدوينة فى البداية ادخل الى لوحة تحكم المدونة وقبل ان تفعل اى شيى قم بأخذ نسخة احتياطية ولمن لا يعرف طريقة اخذ نسخة احتياطية كالمبتدئين ادخل على هذا الموضوع من هنا الان بعد ما اخذنا نسخة احتياطية لتجنب حدوث اى خطاء نذهب الى القالب ومنها نضغط على زر تحرير HTML
الان اضغط على زر متابعة كما واضح بالصورة التالية :
قم الان بتوسيع القالب بوضع علامة لظهور جميع كافة الاكواد
الان اضغط على ازرر CTRL + F من لوحة المفاتيح الكيبورد للتسهيل بعملية البحث :
الان ابحث عن هذا الكود :
قم بأستبدال الكود السابق الذى بحثنا عنة بهذا الكود :
اخر مرحلة قم بالبحث عن هذا الكود :
ضع فوقة مباشرة هذا الكود :
الان قم بحفظ القالب واذهب الى الصفحة الرئيسية ستجد الأيقونة تم وضعها بجانب العناوين
ملحوظة هامة : قم بتغير رابط الايقونة المشار بللون الاحمر الى الايقونة الذى تريده
وهذا مثال بعد التطبيق كما موجودة بمدونتى .
الان اضغط على زر متابعة كما واضح بالصورة التالية :
قم الان بتوسيع القالب بوضع علامة لظهور جميع كافة الاكواد
الان اضغط على ازرر 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>
الان قم بحفظ القالب واذهب الى الصفحة الرئيسية ستجد الأيقونة تم وضعها بجانب العناوين
ملحوظة هامة : قم بتغير رابط الايقونة المشار بللون الاحمر الى الايقونة الذى تريده
وهذا مثال بعد التطبيق كما موجودة بمدونتى .
شكرا لك على الاضافة الجديدة
ردحذفالعفو يا اخ سعد اتمنى ان الاضافة اعجبتك
ردحذف