التخطي إلى المحتوى الرئيسي

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

بواسطة

CSS  اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية 
داخل ايقونات صغيره  بجوار التعليق  , ما يميز هذه الاضافه انها تقوم بترقيم التعليقات في مدونة بلوجر بطريقه اليه  بالترتيب من الاقدم الى الاحدث , ومن مميزاتها ايضا انه يمكنك التعقيب على التعليقات بكل سلاسه ويسر حيث يمكنك من خلاله التعقيب على التعليق رقم 1 مثلا , ثم الرد عليه بسهوله تامه
اضافة ترقيم التعليقات في مدونات بلوجر بشكل احترافي
اضافة ترقيم التعليقات في مدونات بلوجر بشكل احترافي
HTML  من  لوحة التحكم -> قالب -> تحرير
    خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
 (CTRL+F)   قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم

]]>

والصق الكود التالي بعده تمامآ

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/AVvXsEg47MpOVx38BdTNzMhA9puHe-qeLQt7AIxhfcF0jYmddfK-o7P7El7zPSJrROE6dqbdskSTX6MbVqGLvM3OxfuDWdsiMvN2_ubMWiRuMCM4Kts-zmjgUmYcHYVs0DmlvT1GB8o4IGj9c9BR/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;
   }
    


ولتغيير ايقونة ترقيم التعليقات قم بالبحث عن الرابط التالي

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg47MpOVx38BdTNzMhA9puHe-qeLQt7AIxhfcF0jYmddfK-o7P7El7zPSJrROE6dqbdskSTX6MbVqGLvM3OxfuDWdsiMvN2_ubMWiRuMCM4Kts-zmjgUmYcHYVs0DmlvT1GB8o4IGj9c9BR/s1600/comment+bubble2.png


و اليك بعض أيقونات لتضعها في مكان الأيقونة السابقة






التسميات:

تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

كيف تستفيد من أداة Inspect Element في جوجل كروم

بواسطة
Inspect Element هي أداة توجد في متصفح جوجل كروم وهي أداة وضعت خصيصا لمطوري الويب أو web devloper فيها العديد من المميزات لمساعدة مطور الويب في عمله و لهدا سأريك في هدا الدرس أهم الاستعمالات لأداة Inspect Element  كيف تستفيد من أداة Inspect Element في جوجل كروم  نافذة Elements من هده القائمة يمكنك مشاهدة جميع عناصر الصفحة و أكواد ال css الخاصة بكل عنصر ,ويمكنك التعديل عليها حسب ذوقك ادا كنت تتقن ال HTML و CSS  نافذة Sources هده النافذة تمكنك من مشاهدة مصادر موقعك التي تتمثل في السكريبتات  و كل ما يتصل به موقعك نافذة Resources هده النافذة تقوم باضهار موارد موقعك و أقصد بموارد هي الصور و السكريبتات و ال Stylesheets فعبر فتح ملف Frames يمكنك أن تشاهد الصور والسكريبتات و ال Stylesheets الخاصة بأي موقع أو مدونة  نافذة console  وهي وحدة تحكم المدونة أو الموقع يمكنك القاء أوامر للموقع أعطيك مثال على ذالك تلك الخدع التي تراها في الفيسبوك عن طريقة اختراق أي حساب أو فتح كامرا أي شخص ... فتلك الخدع تع...
إرسال تعليق
قراءة المزيد

قالب محترف الجزائر النسخة 10 (قالب للمدونات الشخصية)

بواسطة
السلام عليكم ورحمة الله وبراكته أقدم لكم اليوم القالب النسخة 10 القالب البسيط و الاحترافي مناسب للمدونات الشخصية  مميزات القالب  سريع التصفح  بسيط واحترافي  ألوان هادئة  تعريف الكاتب ومقالات ذات صله وأزرار المشاركة تحت كل تدوينة  صفحة خطأ احترافية  معاينة  تحميل  للتعديل على اللوجو ابحث عن  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVoqGXEP3MoKrG4IMxT-F-t5DWhcgomujrRJ_UFrtzAV9_dydorVP3lLLk8f_lVU1bEEVcJvYQlnncHqw1J1hh70msuex4mNa0iNeH79cnRRKwocjARTZ-YKZNMpD6QnOM-_fRk0jh3Is/s1600/psd-logo-300x108.png
16 تعليقًا
قراءة المزيد

اعلانك في مدونة محترف الجزائر مجانا لمدة شهر

بواسطة
السلام عليكم  تم غلق المسابقة كما من المعتاد تقريبا كل عام مدونت محترف الجزائر تضع مسابقات عديدة لهدا اليومك نقد لكم مسابقة للاعلان عن موقعك ,حسابك على  أي شبكة اجتماعية ,قناتك ..... مجانا و لمدة شهر كامل  على أمل أن نساعدك في النهوض بموقعك و الحصول على عدد مقبول من الزوار لموقعك  لمادا عليك أن تعلن لدينا  ترتيب في أليكسا : 602,700    عدد الزوار في اليوم : من 1500 الى 2000  مدونة dzpro لها شهرة مقبولة في العالم العربي  كما سيتم وضع اعلانك في الهيدر (بجانب اللوغو) شروط المشاركة 1- عليك الاعجاب بصفحتنا على الفيسبوك كما ترى فليس هناك العديد من الشروط و يمكنك تأديتها بسهولة و أخيرا للتواصل و ليتم تسجيلك في قائمة المشتركين قم بكتابة في تعليق : اميلك (اجباري)  اسمك (غير اجباري) حسابك على الفيسبوك ,سيتم اضافتك من قبل الأدمين (اجباري) ملاحظة : ادا لم تطبق الشروط سيتم استبعادك ادا ستستمر المسابقة لمدة أسبوع بدءا من اليوم أي من يوم 22 / 02 /2014 الى 1 / 03 /2014 ادا لم يبقى لي الا أن أتمنا لك التوفيق...
14 تعليقًا
قراءة المزيد