samedi 4 mai 2013

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


السلام عليكم ورحمة الله وبركاته ومرحبا بكم من جديد في مدونة جلال البعداني , اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية CSS  داخل ايقونات صغيره  بجوار التعليق , , ما يميز هذه الاضافه انها تقوم بترقيم التعليقات في مدونة بلوجر بطريقه اليه  بالترتيب من الاقدم الى الاحدث , ومن مميزاتها ايضا انه يمكنك التعقيب على التعليقات بكل سلاسه ويسر حيث يمكنك من خلاله التعقيب على التعليق رقم 1 مثلا , ثم الرد عليه بسهوله تامه



كيفية اضافة صندوق الاعجاب على فيس بوك على مدوناتكم

     1- من  لوحة التحكم -> قالب -> تحرير HTML -> تابع
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (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/AVvXsEhlRdL01zmw3VJioC3ijY_pZt1oehlKVmh0QxZPqaz5a_-V3lAqMQTz25QtuzCUcScq7-WP1SDMUdl7jETD9FBcKIFzk-VWlbycQfHAxqmxpVMvzE9lq6HDjatEeMcB78BWG7S2Y17q4m7-/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/AVvXsEhlRdL01zmw3VJioC3ijY_pZt1oehlKVmh0QxZPqaz5a_-V3lAqMQTz25QtuzCUcScq7-WP1SDMUdl7jETD9FBcKIFzk-VWlbycQfHAxqmxpVMvzE9lq6HDjatEeMcB78BWG7S2Y17q4m7-/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                                


0 commentaires:

Enregistrer un commentaire