طريقة إضافة شكل تعليقات احترافي في مدونة بلوجر (مع كود جاهز وزر نسخ سريع)
إذا كنت تمتلك مدونة على منصة بلوجر وتريد
تحسين تجربة المستخدم داخل موقعك، فإن تحسين شكل التعليقات يعد خطوة مهمة جدًا. فالتعليقات هي وسيلة التواصل بينك وبين زوار موقعك، وكلما كان شكلها احترافيًا ومنظمًا زادت تفاعلات القراء مع مقالاتك.
في هذا المقال سنتعرف على طريقة إضافة تصميم تعليقات احترافي في مدونة بلوجر مع صندوق كود جميل وزر نسخ سريع، كما سنشرح كيفية إضافته خطوة بخطوة داخل المدونة.
مميزات إضافة شكل التعليقات الاحترافي
- تصميم أنيق وجذاب لزوار الموقع
- تحسين تجربة المستخدم داخل المقال
- زيادة التفاعل مع المقالات
- مظهر احترافي للمدونة
- متوافق مع جميع قوالب بلوجر
معاينة شكل التعليقات
بعد إضافة الكود الذي سنقدمه في هذا المقال، ستظهر التعليقات داخل صندوق جميل مع صورة المستخدم واسم المعلق بشكل مرتب واحترافي.
كود إضافة شكل التعليقات في بلوجر
<style>
/* صندوق التعليقات */
#comments{
background:#ffffff;
padding:25px;
border-radius:10px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
margin-top:30px;
}
/* كل تعليق */
.comment{
background:#f8f8f8;
padding:15px;
border-radius:8px;
margin-bottom:15px;
border:1px solid #eee;
transition:0.3s;
}
/* تأثير المرور */
.comment:hover{
background:#ffffff;
box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
/* اسم المعلق */
.comment-header .user{
font-weight:bold;
color:#ff5722;
font-size:15px;
}
/* نص التعليق */
.comment-content{
margin-top:8px;
line-height:1.8;
font-size:14px;
color:#444;
}
/* صورة المعلق */
.avatar-image-container img{
border-radius:50%;
border:2px solid #ff5722;
}
/* زر الرد */
.comment-reply{
background:#ff5722;
color:#fff;
padding:4px 10px;
border-radius:5px;
font-size:12px;
text-decoration:none;
}
/* تأثير الزر */
.comment-reply:hover{
background:#e64a19;
}
</style>
طريقة إضافة الكود إلى مدونة بلوجر
لإضافة هذا التصميم إلى مدونتك على بلوجر اتبع الخطوات التالية:
- قم بالدخول إلى لوحة تحكم بلوجر.
- اضغط على المظهر.
- اختر تعديل HTML.
- ابحث عن الوسم التالي:
</head>
ثم قم بلصق كود التنسيق قبل هذا الوسم مباشرة.
بعد ذلك احفظ القالب وقم بفتح أي مقال في مدونتك وستلاحظ أن التعليقات أصبحت تظهر بشكل احترافي.
نصائح لتحسين تعليقات مدونة بلوجر
للحصول على أفضل النتائج ننصحك بما يلي:
- الرد على تعليقات الزوار باستمرار.
- تشجيع القراء على طرح الأسئلة.
- تجنب التعليقات العشوائية أو السبام.
- استخدام تصميم مريح للعين.
خلاصة
إضافة تصميم احترافي للتعليقات في مدونة بلوجر يساعد على جعل موقعك أكثر تنظيمًا وجاذبية، كما يزيد من تفاعل الزوار مع المقالات. باستخدام الكود الذي قدمناه في هذا المقال يمكنك بسهولة تحسين مظهر التعليقات وجعل مدونتك تبدو أكثر احترافية.
إذا واجهتك أي مشكلة أثناء تركيب الكود يمكنك ترك تعليق وسنساعدك في حلها.
