تعديل على تعليقات بلوجر لتصبح مثل تعليقات فيس بوك بالشرح الحديث بعد التعديل على محرر html

1 سبتمبر، 2021

السلام عليكم ورحمة الله وبركاته

هل تريد ان تصبح تعليقات مدونتك مميزة مثل فيس بوك شاهد الصورة التالية

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

الشرح

1. سجل دخول الى لوحة التحكم في مدونتك ثم اختر القالب بعدها اضغط على تحرير html

2. الان باول الصفحة في قالب مدونتك اضفط على الرمز <b:skin> كما بالصورة التالية

اضغط على الصورة لتظهر بالحجم الاصلي

3.بعد الضغط على الرمز الموجود بالصورة ابحث عن الرمز التالي ]]></b:skin> وبسبب التعديل الجديد اذا لم تجده بمفتاح (ctrl+f) انزل الى نهاية الكود <b:skin> كما بالصورة التالية

اضغط على الصورة لتظهر بالحجم الاصلي

سوف تجد الرمز في نهاية الرمز <b:skin> بعد الضغط عليه شاهد الصورة بالاعلى ثم شاهد الصورة بالاسفل وسوف تفهم ذالك

4. بعد ان وجدة الرمز ]]></b:skin> ضع الكود التالي فوقه مباشر

.comments{font:normal 14px “Lucida Grande”,Tahoma,Verdana,Arial,Sans-Serif !important; color:rgb(51,51,51)} 
.comments .comments-content a{color:#3B5998 !important} 
.comments h2, 
.comments h3, 
.comments h4{font-family:”Lucida Grande”,Tahoma,Verdana,Arial,Sans-Serif !important; font-size:16px} 
.comments .comments-content .comment{margin:0 0 0;padding:10px 10px; border-top:1px solid #e9e9e9;border-left:1px solid #ccc} 
.comments .comment .comment-header, 
.comments .comment .comment-actions, 
.comments .comment .comment-actions a, 
.comments .comment .comment-thread.inline-thread, 
.comments .comment .continue{margin:0 0 0; padding:0 0 0; border:none; background:transparent} 
.comments .comment .comment-header{margin-bottom:4px} 
.comments .comment .comment-header .datetime a{color:#808080 !important} 
.comments .comment .comment-actions a{padding-right:5px} 
.comments .thread-toggle .thread-arrow{width:7px;height:7px;padding-right:4px} 
.comments .comment .avatar-image-container, 
.comments .comment .avatar-image-container img{width:50px;height:50px;max-width:none; max-height:none; border:none; padding:0; margin:0;outline:none} 
.comments .comment .comment-block{margin:0 0 0 60px !important} 
.comments .comment .comment-thread.inline-thread{margin:7px 0 0 22px} 
.comments .comment .comment-thread.inline-thread ol{margin:7px 0 10px !important} 
.comments .comment .comment-thread.inline-thread .comment{background-color:#EDEFF4;padding:5px 5px 0; margin:1px 0 0;border:none;border-bottom:1px solid #D2D9E7} 
.comments .comment .comment-thread.inline-thread .comment .avatar-image-container, 
.comments .comment .comment-thread.inline-thread .comment .avatar-image-container img{width:32px;height:32px} 
.comments .comment .comment-thread.inline-thread .comment .comment-block{margin:0 0 0 40px !important} 
.comments .comment .comment-content{text-align:left} 
.comments .comments-content .icon.blog-author{width:16px;height:16px;display:inline-block;vertical-align:top;background:transparent url(‘/favicon.ico’) no-repeat 50% 50%} 
.comments .comment .comment-thread.inline-thread .comment:last-child{border-left:2px solid #A8B2CE !important}

5. اختر حفظ ومبروك عليك تعليقات مثل فيس بوك

ملاحظة : في الاضافات السابقة تستطيع اضافتها لمدونتك وان شاء الله سوف اشرح هذه الطريقة في الموضيع القادمة حظا سعيدا

1 سبتمبر، 2021

مقالات ذات صلة