بسم الله الرحمن الرحيم
السلام عليكم , في هذا المقال يسعدني ان اقدم لكم الطريقة الصحيحة لتركيب انظمة التعليقات في مدونات بلوجر , بحيث يستطيع الزائر التعليق باي نظام شاء , سواءا كان نظام مدونات بلوجر الافتراضي او نظام تعليقات ديسكوس او نظما تعليقات الفيس بوك .
لمعاينة الاضافة " من هنا "
ملحوظة مهمة : تركيب اكثر من نظام تعليق على مدونتك يؤثر على سرعة تحميل القالب فانا لا انصح بهذه الامور وانما هي كمالية , فنظام تعليقات بلوجر يسمح لكل من يمتلك حساب في جوجل بالتعليق , وهو كافي .
الشرح
نتوجه الى لوحة التحكم في بلوجر ← القالب ← تحرير HTML ← ثم نضغط على Ctrl+f ونبحث عن الوسم ونلصق فوقه الكود التالي :
script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js">
ثم نبحث عن الوسم ]]> ونلصق فوقه الكود التالي :
#tabs {
background-color: #fff;
border:2px solid #9F3F3F;
border-radius:5px;
box-shadow: 0 0 0 1px #ddd inset;
margin: 0 0 20px;
padding: 0 0 10px;
}
.cnmu-multicomm {
background-color: #fff;
border-radius:0px;
border : 2px solid #9F3F3F;
-moz-box-shadow: 0 15px 10px -12px black; box-shadow: 0 15px 10px -12px black;
display: block;
height: 32px;
line-height: 32px !important;
list-style: outside none none;
margin: 0 0 10px !important;
overflow: hidden;
padding: 0 !important;
}
.cnmu-multicomm li {
float: right;
margin: 0 !important;
padding: 0 !important;
width: 33.3%;
}
.cnmu-multicomm li a {
color: #9F3F3F;
font-family: elmessiri-bold ;
display: block;
float: right;
height: 100%;
line-height: 32px;
text-align: center;
text-decoration: none;
width: 100%;
}
.ui-tabs-active.ui-state-active .blogger-comm {color: #fff;background-color: #fc5400;}
.ui-tabs-active.ui-state-active .fb-comm {color: #fff;background-color: #3f5c9a;}
.ui-tabs-active.ui-state-active .dis-comm {color: #fff;background-color: #229CFF;}
background-color: #fff;
border:2px solid #9F3F3F;
border-radius:5px;
box-shadow: 0 0 0 1px #ddd inset;
margin: 0 0 20px;
padding: 0 0 10px;
}
.cnmu-multicomm {
background-color: #fff;
border-radius:0px;
border : 2px solid #9F3F3F;
-moz-box-shadow: 0 15px 10px -12px black; box-shadow: 0 15px 10px -12px black;
display: block;
height: 32px;
line-height: 32px !important;
list-style: outside none none;
margin: 0 0 10px !important;
overflow: hidden;
padding: 0 !important;
}
.cnmu-multicomm li {
float: right;
margin: 0 !important;
padding: 0 !important;
width: 33.3%;
}
.cnmu-multicomm li a {
color: #9F3F3F;
font-family: elmessiri-bold ;
display: block;
float: right;
height: 100%;
line-height: 32px;
text-align: center;
text-decoration: none;
width: 100%;
}
.ui-tabs-active.ui-state-active .blogger-comm {color: #fff;background-color: #fc5400;}
.ui-tabs-active.ui-state-active .fb-comm {color: #fff;background-color: #3f5c9a;}
.ui-tabs-active.ui-state-active .dis-comm {color: #fff;background-color: #229CFF;}
ثم نبحث عن السطر
ونقوم باستبدال عبارة Archer-1 المكتوبة باللون الاحمر الى معرف حسابك في Disqus .
بعد ذلك نقوم بالبحث عن السطر
🔗 رابط الموضوع الاصلي " مدونة ارشر " , و دمتم في حفظ الله ورعايته .
