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


السلام عليكم ورحمة الله وبركاته ومرحبا بكم من جديد في مدونة جلال البعداني , اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية 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 للصورة واستبدله برابط الايقونه التي في الكود باللون الاحمر



how to blog    blogger blogspot    blogspot blogger, how to blog    widget blogger blogspot    blogs, how to blog     blogspot or blogger, how to blog    tutorials, how to    comments, how to, blogspot blogger    new comment, how to blog    blog design, blogger blogger.com                   bubble comment count, bubble blogger posts   blogger comments, comment count    blogger blogspot, blogger comments   blogger bubble comment count   comments in blogger titles    blogger tips, blogger tricks   blogger widgets, bubble comment count    bubble comment count    Bubble Comment Count    Bubble Comment Count, blogger blogspot                                


هناك 11 تعليقًا:

  1. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  2. قد اكون اخطأت في اني قلت الموضوع منسوخ كاملاَ ..
    ولاكن لم اقل هذا الا بعد مارأيت الصورة التي في بداية التدوينه , وهي تعود لي , * على العموم اسف اذا اخطأءت

    ردحذف
  3. @jetara x
    على العموم شرفتني زيارتك اخي لمدونتي

    ردحذف
  4. @محمود احمد السوري

    :)) ;)) ;;) :D ;) :p :(( :) :( =(( =)) :-* :x b-(:-t8-}

    ردحذف
  5. غير معرف6/7/13 13:58

    =p~

    ردحذف
  6. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  7. السلام عليكم أخي الكريم أنا من اشد المعجبين بمدونتك وأنا مبرمج C++ C# VBNET D ولكن حبيت برمجة CSS php html javaS وجاري سرقة الفكرة لو أسمحت لي خوي جلال أتمني زيارتك لمدونتي وترك تعليق لو حبده (o)

    ردحذف
  8. الردود
    1. أزال أحد مشرفي المدونة هذا التعليق.

      حذف