تحديث صندوق التعليقات القديم في بلوجر لأحدث إصدار
منذ فترة طويلة أصبحت قوالب بلوجر أكثر إحترافية بفضل بعض التحديثات التي حصلت عليها من جوجل إلا أن جميع تلك التحديثات لا يمكن تكوينها في قالب مدونة تستخدمه أنت متمسك به ولا ترغب في التغيير.
لكن يمكنك إجراء بعض التحسينات له ومن ضمنها تحديث صندوق تعليقات بلوجر الجديد المرن أكثر من السابق وذو شكل افضل وأحدث.
يمكننا اليوم بسهولة تحديث صندوق تعليقات بلوجر للشكل الجديد إذا كان لديك الإصدار القديم من تعليقات بلوجر أتبع الشرح التالي لمعرفة كيف:
- الخطوة الأولى
من لوحة التحكم أنقر على المظهر ثم حدد تعديل 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>
طبعاً ستراها متفرقة يمكنك جمعها بالنقر على السهم من اليسار او كل تعريف ستجد سهم أنقر عليه لجمع الكود كامل ثم قم بحذفه