عرض مشاركة واحدة
قديم 02-16-2013, 03:45 PM   #1
ilyass kéng
مدون نشيط
 
الصورة الرمزية ilyass kéng
 
تاريخ التسجيل: Jul 2012
المشاركات: 159
افتراضي طريقة ترقيم التعليقات لمدونات بلوجر

السلام عليكم ورحمة الله تعالى ويركاته ،
أما بعد، في هذا الشرح سأتطرق واياكم الى شرح كيفية ترقيم التعليقات، وهذه الطريقة تصلح لأصحاب المدونات العملاقة التي تتلقى مجموعة من التعليقات في موضوع واحد حيث يصعب التعقيب عليها خصوصا للأشخاص الذين لا يتوفرون على خاصية التعقيب على الرسائل (مثلي) لذلك فهذه الإضافة ستساعدك كثيرا حيث يمكنك كتابة مثلا : تعقيب على التعليق رقم 1 ، ثم ترد عليه بسهولة .
الإضافة تعتمد على كود Css يتم وضعه قبل كود ]]></b:skin> وبعدها يتم ترقيم التعليقات تلقائيا بعد اضافتها .

معاينة : هــــــنـــــا ففي هذا الموضوع مثلا (مدونة تجريبية) انزل الى اسفل في مكان التعليقات ستلاحظ انها مرقمة من 1 الى 4 .


طريقة اضافة الكود :
  • من لوحة التحكم اضغط على القالب
  • اختر تحرير HTML
  • ضع علامة توسيع القالب
  • ابحث عن كود ]]></b:skin> عن طريق Ctrl+f .
  • الصق قبله اي فوقه الكود الموجود في الأسفل
  • ثم قم بالحفظ .
الكود :
كود بلغة HTML:
   .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(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/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; }

ملاحظة : يمكنك تغيير رابط الصورة باللون الأحمر الى رابط صورة تناسبك .

الدعم العربي

ilyass kéng غير متواجد حالياً   رد مع اقتباس