السلام عليكم ورحمة الله تعالى ويركاته ،
أما بعد، في هذا الشرح سأتطرق واياكم الى شرح كيفية ترقيم التعليقات، وهذه الطريقة تصلح لأصحاب المدونات العملاقة التي تتلقى مجموعة من التعليقات في موضوع واحد حيث يصعب التعقيب عليها خصوصا للأشخاص الذين لا يتوفرون على خاصية التعقيب على الرسائل (مثلي) لذلك فهذه الإضافة ستساعدك كثيرا حيث يمكنك كتابة مثلا : تعقيب على التعليق رقم 1 ، ثم ترد عليه بسهولة .
الإضافة تعتمد على كود Css يتم وضعه قبل كود ]]></b:skin> وبعدها يتم ترقيم التعليقات تلقائيا بعد اضافتها .
معاينة : هــــــنـــــا ففي هذا الموضوع مثلا (مدونة تجريبية) انزل الى اسفل في مكان التعليقات ستلاحظ انها مرقمة من 1 الى 4 .
طريقة اضافة الكود :
- من لوحة التحكم اضغط على القالب
- اختر تحرير HTML
- ضع علامة توسيع القالب
- ابحث عن كود ]]></b:skin> عن طريق Ctrl+f .
- الصق قبله اي فوقه الكود الموجود في الأسفل
- ثم قم بالحفظ .
الكود :
.comment-thread ol { counter-reset: countcomments; } .comment-thread li:before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; font-size: 22px; color: #555555; padding-left: 10px; padding-top: 3px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinoSR589_MEx4NS6bKpZJN8sjMSYhRzcFBb5WfimhyDxX8HRB_14e0GNEiIgMQ7U2a54BgUWn308SMZ2u3bT2WLj8uTazVkvKZ1BgeQY9khhQjfcHDLw-87_vdrpE8ea9WO0lmY4hrHCKO/s1600/comment+bubble2.png) no-repeat; margin-top: 7px; margin-left: 10px; width: 50px; /*image-width size*/ height: 48px; /*image-height size*/ } .comment-thread ol ol { counter-reset: contrebasse; } .comment-thread li li:before { content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin); counter-increment: contrebasse; float: right; font-size: 18px; color: #666666; }
ملاحظة : يمكنك تغيير رابط الصورة باللون الأحمر الى رابط صورة تناسبك .
ليست هناك تعليقات:
إرسال تعليق
شاركنا بتعليقك، وشكرا لك