اضافة ترقيم التعليقات في مدونات بلوجر بشكل احترافي
السلام عليكم ورحمة الله وبركاته ومرحبا بكم من جديد في مدونة جلال البعداني , اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية CSS داخل ايقونات صغيره بجوار التعليق , , ما يميز هذه الاضافه انها تقوم بترقيم التعليقات في مدونة بلوجر بطريقه اليه بالترتيب من الاقدم الى الاحدث , ومن مميزاتها ايضا انه يمكنك التعقيب على التعليقات بكل سلاسه ويسر حيث يمكنك من خلاله التعقيب على التعليق رقم 1 مثلا , ثم الرد عليه بسهوله تامه
كيفية اضافة صندوق الاعجاب على فيس بوك على مدوناتكم
1- من لوحة التحكم -> قالب -> تحرير HTML -> تابع
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
والصق الكود التالي بعده تمامآ]]></b:skin>
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/AVvXsEgdvoetDUHYdWhahPkmlcYU8K_FlZof_IcoQZeikSJdSctDKbJgkBCKgpy6oHZkOB1awcSNrngmnoqosyMPiYWhtjN2g8oIAqBIxRrf6lApY3yVTewq5l6x-5SV5hdpUj6KpCSVqHhxkXNr/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/AVvXsEgdvoetDUHYdWhahPkmlcYU8K_FlZof_IcoQZeikSJdSctDKbJgkBCKgpy6oHZkOB1awcSNrngmnoqosyMPiYWhtjN2g8oIAqBIxRrf6lApY3yVTewq5l6x-5SV5hdpUj6KpCSVqHhxkXNr/s1600/comment+bubble2.png
واستبدله برابط الايقونه حسب رغبتيك
وفي ما يلي بعض من ايقونات التي يظهر داخلها ترقيم التعليق
لتغيير الايقونه، انقر بزر الماوس الأيمن على أي ايقونه، حدد نسخ عنوان URL للصورة واستبدله برابط الايقونه التي في الكود باللون الاحمر
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفقد اكون اخطأت في اني قلت الموضوع منسوخ كاملاَ ..
ردحذفولاكن لم اقل هذا الا بعد مارأيت الصورة التي في بداية التدوينه , وهي تعود لي , * على العموم اسف اذا اخطأءت
@jetara x
ردحذفعلى العموم شرفتني زيارتك اخي لمدونتي
(;;
ردحذف@محمود احمد السوري
ردحذف:)) ;)) ;;) :D ;) :p :(( :) :( =(( =)) :-* :x b-(:-t8-}
=p~
ردحذفأزال أحد مشرفي المدونة هذا التعليق.
ردحذف(o)
ردحذفالسلام عليكم أخي الكريم أنا من اشد المعجبين بمدونتك وأنا مبرمج C++ C# VBNET D ولكن حبيت برمجة CSS php html javaS وجاري سرقة الفكرة لو أسمحت لي خوي جلال أتمني زيارتك لمدونتي وترك تعليق لو حبده (o)
ردحذفعمل جيد
ردحذفأزال أحد مشرفي المدونة هذا التعليق.
حذف