تحديث صندوق التعليقات القديم في بلوجر لأحدث إصدار

 

تحديث صندوق التعليقات القديم في بلوجر لأحدث إصدار

منذ فترة طويلة أصبحت قوالب بلوجر أكثر إحترافية بفضل بعض التحديثات التي حصلت عليها من جوجل إلا أن جميع تلك التحديثات لا يمكن تكوينها في قالب مدونة تستخدمه أنت متمسك به ولا ترغب في التغيير.

لكن يمكنك إجراء بعض التحسينات له ومن ضمنها تحديث صندوق تعليقات بلوجر الجديد المرن أكثر من السابق وذو شكل افضل وأحدث.

يمكننا اليوم بسهولة تحديث صندوق تعليقات بلوجر للشكل الجديد إذا كان لديك الإصدار القديم من تعليقات بلوجر أتبع الشرح التالي لمعرفة كيف:

  • الخطوة الأولى

 من لوحة التحكم أنقر على المظهر ثم حدد تعديل HTML وقم بإضافة الكود التالي فوق الرمز ]]></b:skin>

<Group description="Background, Font and Link Color for New Blogger Comment (Contempo Style)">
 <Variable name="body.background" description="Body Background" type="background" color="#F6F9FC" default="#F6F9FC none repeat scroll top left" value="#F6F9FC none repeat scroll top left"/>
 <Variable name="body.font" description="Font" type="font" default="normal 400 15px 'Segoe UI', Roboto, sans-serif" value="normal 400 15px 'Segoe UI', Roboto, sans-serif"/>
 <Variable name="body.text.color" description="Text Color" type="color" default="#2A2A2A" value="#2A2A2A"/>
 <Variable name="body.text.font" description="1"
  type="font"
  default="$(body.font)" value="normal 400 15px 'Segoe UI', Roboto, sans-serif"/>
 <Variable name="posts.background.color" description="2"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="body.link.color" description="3"
  type="color"
  default="#0277D4" value="#0277D4"/>
 <Variable name="body.link.visited.color" description="4"
  type="color"
  default="#0277D4" value="#0277D4"/>
 <Variable name="body.link.hover.color" description="5"
  type="color"
  default="#2A2A2A" value="#2A2A2A"/>
 <Variable name="blog.title.font" description="6"
  type="font"
  default="$(body.text.font)" value="normal 400 15px 'Segoe UI', Roboto, sans-serif"/>
 <Variable name="blog.title.color" description="7"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="header.icons.color" description="8"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.font" description="9"
  type="font"
  default="$(body.text.font)" value="normal 400 15px 'Segoe UI', Roboto, sans-serif"/>
 <Variable name="tabs.color" description="10"
  type="color"
  default="#ccc" value="#cccccc"/>
 <Variable name="tabs.selected.color" description="11"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.background.color" description="12"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.color" description="13"
  type="color"
  default="$(body.text.color)" value="#2A2A2A"/>
 <Variable name="tabs.overflow.selected.color" description="14"
  type="color"
  default="$(body.text.color)" value="#2A2A2A"/>
 <Variable name="posts.title.color" description="15"
  type="color"
  default="$(body.text.color)" value="#2A2A2A"/>
 <Variable name="posts.title.font" description="16"
  type="font"
  default="$(body.text.font)" value="normal 400 15px 'Segoe UI', Roboto, sans-serif"/>
 <Variable name="posts.text.font" description="17"
  type="font"
  default="$(body.text.font)" value="normal 400 15px 'Segoe UI', Roboto, sans-serif"/>
 <Variable name="posts.text.color" description="18"
  type="color"
  default="$(body.text.color)" value="#2A2A2A"/>
 <Variable name="posts.icons.color" description="19"
  type="color"
  default="$(body.text.color)" value="khaki"/>
 <Variable name="labels.background.color" description="20"
  type="color"
  default="teal" value="teal"/>
</Group>

  • الخطوة الثانية

قم بالبحث عن الكود التالي

data:post.commentFormIframeSrc

سوف تجد عادةً حوالي 4 منه قم بإستبدالها بالكود أدناه

data:post.commentFormIframeSrc appendParams {skin: "contempo"}


الآن قم بحفظ القالب لتشاهد النتائج

كذلك يمكنك حذف الأقسام الغير مستخدمة بعد إستخدام الاصدار الجديد يمكن حذف الاقسام التالية من محرر hrml


<b:includable id='comment-form' var='post'>↔</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>↔</b:includable>
<b:includable id='comment_count_picker' var='post'>↔</b:includable>
<b:includable id='comment_picker' var='post'>↔</b:includable>
<b:includable id='comments' var='post'>↔</b:includable>
<b:includable id='iframe_comments' var='post'>↔</b:includable>
<b:includable id='threaded-comment-form' var='post'>↔</b:includable>
<b:includable id='threaded_comment_js' var='post'>↔</b:includable>
<b:includable id='threaded_comments' var='post'>↔</b:includable>

طبعاً ستراها متفرقة يمكنك جمعها بالنقر على السهم من اليسار او كل تعريف ستجد سهم أنقر عليه لجمع الكود كامل ثم قم بحذفه

مشاركات أقدم المقال التالي
4 تعليق
  • Ayman ibrahiem
    Ayman ibrahiem 27‏/03‏/2021، 3:33:00 م

    لاتعمل للاسف

    • مداد الجليد
      مداد الجليد 27‏/03‏/2021، 4:37:00 م

      اخي تعمل ومجربة لديك 4 اكواد يجب استبدالها وبمجرد التبديل سيظهر الصندوق الجديد

  • YossefWeal
    YossefWeal 29‏/04‏/2021، 6:46:00 ص

    اخي كود css لا يريد الحفظ

    • مداد الجليد
      مداد الجليد 29‏/04‏/2021، 11:20:00 م

      اخي انا طبقت الطريقة على قوالب كثيرة ولم اواجه مشكلة لكن اذا ظهر لك خطأ أثناء الحفظ انتبه للعامود الذي فيه الخطأ وقم بحذفه ثم أحفظ من جديد وسوف تنجح

أضف تعليق
عنوان التعليق