ضبط عدد التعليقات في قوالب Blogger وجعلها أكثر تفاعلية! change-message-of-comments-on-blogger
صندوق التسميات ضمن أدوات blogger يوفر طريقتين للعرض ’قائمة وسحابة‘ وتعتمد السحابة في الظهور إلى عدد المرات التى استخدمت فيها نفس التسميه أو ما هو عدد التدوينات داخل كل تسميه، ومنها تلاحظ في حالة تفعليها أن هناك أحجام مختلفة لكل تسميه فالتسميات التى تحتوي على أكبر عدد من التدوينات ظهرت بخط كبير والعكس...
وغالبا نحن لا نستطيع التحكم في شكل تلك التسميات كتغيير حجمها مثلاً أو تحديد لون لكل مجموعة تسميات وذلك لعدم وجود خيارات لذلك عند تهئيه الأداه من عناصر الصفحة، لكن هناك طريقة للتخصيص لو علمت ما هي محددات CSS التى تتحكم في ذلك الصندوق:
إن لم تجد نتيجة بعد وضعك لخصائص CSS أعد حذفها ثم ضعها مرة أخرى ولكن في أسفل الكود السابق مباشرة وليس أعلاة ولكن هذه المرة تكون بين وسم <style> هكذا:
ويرجع ذلك لخصائص CSS الإفتراضيه كوننا نقوم بالكتابة عليها كي نظهر التسميات بطريقة مختلفة، ومع ذلك فقد حدثت معي تلك المشكلة في بعض القوالب الجاهزة فقط.
يمكننا التحكم في عرض عدد التدوينات داخل كل تسميه، بحيث يظهر العدد عند التأشير على الأسم كما بالصورة، وللتطبيق تأكد عند تهيئة الأداه من عناصر الصفحة أنك محدد على ’عرض عدد المشاركات لكل تصنيف‘ ثم توجه وابحث في القالب على الكود -ولا أضمن وجودة بنفس الشكل في قوالبكم المسالة دي لم تعد مضمونة اليومين دول!
وغالبا نحن لا نستطيع التحكم في شكل تلك التسميات كتغيير حجمها مثلاً أو تحديد لون لكل مجموعة تسميات وذلك لعدم وجود خيارات لذلك عند تهئيه الأداه من عناصر الصفحة، لكن هناك طريقة للتخصيص لو علمت ما هي محددات CSS التى تتحكم في ذلك الصندوق:
.cloud-label-widget-content { text-align: center; } .cloud-label-widget-content a { font-family: Arial, sans-serif; font-weight: bold; white-space: nowrap; } .cloud-label-widget-content span { padding: 0 5px 0 5px; } .label-size-1 a { font-size:14px; color:#2F2F2F; } .label-size-2 a { font-size:16px; color:#11AA23; } .label-size-3 a { font-size:18px; color:#588EFF; } .label-size-4 a { font-size:22px; color:#DA484B; } .label-size-5 a { font-size:26px; color:#3B5998; }
.cloud-label-widget-content {
وهو محدد الصندوق الذي يتضمن روابط التسميات، وفيه قمت بالتوسيط ولك حرية إعطائه أي خصائص أخرى كخلفية مثلاً أو غيرها..cloud-label-widget-content a {
روابط التسميات وفيها غيرت نوع الخط وجعلته سميك أما الخاصية white-space بالقيمة nowrap وضعتها لتحكم أفضل في المساحات البيضاء فأنا لا أريد عندما يكون هناك تسميات طويلة أن تظهر في سطرين بسبب ضيق المساحة وهو الأمر الظاهر في جميع المدونات التى تعرض السحابة على وضعها الإفتراضي مما يشوه شكل التسميات وتنسيقها، فهذه الخاصية تجعل كل تسميه مهما كانت طويلة تظهر كاملة في سطر ولا تنكسر حتى وإن أدى ذلك الى خروجها عن مساحة صندوق التسميات..cloud-label-widget-content span {
للفصل بين كل تسميه وأخرى عن طريق الهوامش الداخليه..label-size
التسميات تظهر في 5 أحجام مختلفة فكما قلنا أنه إذا زادت عدد التدوينات داخل نفس التسميه تظهر بخط كبير، تبدأ من 1 وهو الأصغر ويطبق على التسميات التى تحتوي على أقل عدد من التدوينات وينتهي بالرقم 5 وهو أكبرهم ويظهر للتسميات التى تحتوى على أكبر عدد، وقد ميزت كل مجموعة بلون مختلف مع تعديل أحجام الخطوط.وضع الخصائص بالقالب:
إن لم تكن التسميات لديك ظاهرة في شكل سحابة أعد تهيئتها مرة أخرى في لوحة التحكم من عناصر الصفحة واجعلها تظهر كسحابة وفي خانة الفرز تأكد أن الترتيب أبجدي وإحذف العلامة بجوار ’عرض عدد المشاركات لكل تصنيف‘ - بعد ذلك إذهب الى تصميم ومنها الى تحرير HTML ثم قم بالبحث عن الكود التالي وضع خصائص CSS أعلاه مباشرة:]]>
<style type="text/css"> css properties... </style>
لمزيد من التخصيص:
يمكننا التحكم في عرض عدد التدوينات داخل كل تسميه، بحيث يظهر العدد عند التأشير على الأسم كما بالصورة، وللتطبيق تأكد عند تهيئة الأداه من عناصر الصفحة أنك محدد على ’عرض عدد المشاركات لكل تصنيف‘ ثم توجه وابحث في القالب على الكود -ولا أضمن وجودة بنفس الشكل في قوالبكم المسالة دي لم تعد مضمونة اليومين دول!
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'></a>ثم استبدله بالكود التالي:
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url' expr:title='data:label.count + " تدوينة"'>
<data:label.name/></a>
source
0 Response to "ضبط عدد التعليقات في قوالب Blogger وجعلها أكثر تفاعلية! change-message-of-comments-on-blogger"
Post a Comment