الطريقة الصحيحة لتركيب انظمة التعليقات في بلوجر

بسم الله الرحمن الرحيم

السلام عليكم , في هذا المقال يسعدني ان اقدم لكم الطريقة الصحيحة لتركيب انظمة التعليقات في مدونات بلوجر , بحيث يستطيع الزائر التعليق باي نظام شاء , سواءا كان نظام مدونات بلوجر الافتراضي او نظام تعليقات ديسكوس او نظما تعليقات الفيس بوك .

لمعاينة الاضافة " من هنا "

ملحوظة مهمة :
تركيب اكثر من نظام تعليق على مدونتك يؤثر على سرعة تحميل القالب فانا لا انصح بهذه الامور وانما هي كمالية , فنظام تعليقات بلوجر يسمح لكل من يمتلك حساب في جوجل بالتعليق , وهو كافي .

الشرح

نتوجه الى لوحة التحكم في بلوجر ← القالب ← تحرير 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;}

ثم نبحث عن السطر ونقوم بعمل توسعه له ونقوم بالتظليل من الى الوسم ونستبدل السطور المظللة بالكود التالي :