إضافة فقاعة أرقام التعليقات لمدونة بلوجر

اليوم أشارككم خدعة CSS بسيطة جدا والتي سوف تضيف أرقام تعليقاتك إلى  داخل فقاعة تعليق. أنها ستضيف أرقام مثل هذه الطريقة 3،3. a، و 4 3.b 3،4 هنا هي التعليقات الرئيسية و3.a، 3.b هي الرد، يمكنك ان ترى القطعة  أدناه في الصورة. لتطبيق هذه الخدعة لتعليقاتك ، عليك فقط القيام  بنسخ  ولصق بعض أكواد CSS في القالب . لذلك بدون انتظار الآن يتيح الانتقال إلى الشرح .

كيفية إضافة فقاعة لأرقام تعليقات إلى مدونة Blogger     ؟
  1. انتقل إلى لوحة التحكم الرئيسية Blogger> قالب
  2. تحميل نسخة من القالب
  3. انقر على تحرير HTML
  4. إنقر على المتابعة   
  5. الآن البحث عن كود أدناه،
]]></b:skin>
إضافة الكود أدناه مباشرة فوقه،
.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;
}

الآن حفظ القالب فتكون قد أنهيت العملية .

التخصيصات

◄ السطر رقم 11- تعديل لضبط موضع النص
◄ السطر 12 - من تعديل قيمة يمكنك ضبط موضع النص (عدد) داخل فقاعة من الأعلى.
◄ السطر 13 - إذا كنت ترغب في تغيير صورة الفقاعة ثم ببساطة استبدال URL صورة مع صورتكم .
◄ السطر 14 - وعند تعديل هذه القيمة يمكنك ضبط موضع الفقاعة من الأعلى
◄ السطر 15 - زيادة أو نقصان قيمة حسب الاحتياجات الخاصة بك

أدناه أشارككم بعض فقاعات تعليق، انقر على الزر الأيمن على أي فقاعة، حدد نسخ رابط الصورة واستبداله فوق عنوان فقاعة تعليق URL في سطر 13.

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                                


إرسال تعليق

أحدث أقدم