أفضل وأسهل طريقة دمج تعليقات بلوجر و ديسكس و فيسبوك

الجمعة، 9 مارس 2018

أفضل وأسهل طريقة دمج تعليقات بلوجر و ديسكس و فيسبوك

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

شاهد ايضا

أفضل وأسهل طريقة دمج تعليقات بلوجر و ديسكس و فيسبوك

مميزات دمج تعليقات بلوجر و ديسكس و فيسبوك التى اشرحها لكم اليوم

يمكنك اختيار نظام التعليقات الخاصة بك
سهلة التركيب والتعديل

طريقة دمج تعليقات بلوجر و ديسكس و فيسبوك على مدونتك

قم بالبحث عن ]]></b:skin> والصق الاكواد التالية

.cmm-tabs-header {
  overflow: hidden;
  background: #ffffff;
  padding: 10px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);
  margin-bottom: 10px;
}
.cmm-tabs-header ul li a {
  float: right;
  width: 33.33333%;
  text-align: center;
  display: inline-block;
  background: #EF5350 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh83gEt1IFgK224WKPhkUoMhyphenhyphenJwuO4gBuaGeCFrICn-ijM3HI6SeA7zH_SE3DQTYHepzKmgxmnYsXL5fwDl0hT8FpD9yG-6kTcjy7ZKLNMDpKVxr1J88QpuqU2XWiAyN7Bvgi7CSmvM-0Zw/s1600-r/comments.png) no-repeat;
  padding: 20px 0;
  background-position: center -32px;
  background-color: orange;
  border: 5px solid #FFF;
}
.facebook-tab {
  background: #ffffff;
  padding: 10px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);
  margin-bottom: 10px;
}
.disqus-tab {
  background: #ffffff;
  padding: 10px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);
  margin-bottom: 10px;
}
ul.wrap-tab li:nth-child(1) a {
  background-position: center -32px;
  background-color: orange;
}
ul.wrap-tab li:nth-child(2) a {
  background-position: center -66px;
  background-color: #2e9fff;
}
ul.wrap-tab li:nth-child(3) a {
  background-position: center 3px;
  background-color: #3b5998;
}

قم بالبحث عن <div class='clear'/> وقم بمسحه الى كود القفل الخاص به واضف الكود التالى

<div class='clear'/>
   <b:section id='facebook.disqus.blogger' showaddelement='no'>
     <b:widget id='HTML901' locked='true' title='Comments system' type='HTML' version='1'>
       <b:widget-settings>
         <b:widget-setting name='content'>[blogger][disqus][facebook]</b:widget-setting>
       </b:widget-settings>
       <b:includable id='main'>
          <b:if cond='data:blog.pageType == "item" or data:blog.pageType == "static_page"'>
            <b:if cond='data:content == "[blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab='بلوجر'>
<div class='blogger-tab'/>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab='facebook'>
<div class='facebook-tab'/>
</div>
</div>
<script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>    
            </b:if>
            <b:if cond='data:content == "[disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab='disqus'>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
</div>
<script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
            </b:if>
            <b:if cond='data:content == "[blogger][facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='blogger-tab'/>
</div>
<div data-tab=''>
<div class='facebook-tab'/>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[blogger][disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='blogger-tab'/>
</div>
<div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[facebook][blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='facebook-tab'/>
</div>
<div data-tab=''>
<div class='blogger-tab'/>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[facebook][disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='facebook-tab'/>
</div>
<div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
<script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
              </div>
</b:if>
            <b:if cond='data:content == "[disqus][blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
<div data-tab=''>
<div class='blogger-tab'/>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[disqus][facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
<div data-tab=''>
<div class='facebook-tab'/>
</div>
</div>
<script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
            </b:if>
            <b:if cond='data:content == "[blogger][facebook][disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='blogger-tab'/>
</div>
<div data-tab=''>
<div class='facebook-tab'/>
</div>
<div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[blogger][disqus][facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='blogger-tab'/>
</div>
<div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
<div data-tab=''>
<div class='facebook-tab'/>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[facebook][blogger][disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='facebook-tab'/>
</div>
<div data-tab=''>
<div class='blogger-tab'/>
</div>
<div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[facebook][disqus][blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='facebook-tab'/>
</div>
<div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
<div data-tab=''>
<div class='blogger-tab'/>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[disqus][blogger][facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
<div data-tab=''>
<div class='blogger-tab'/>
</div>
<div data-tab=''>
<div class='facebook-tab'/>
</div>
</div>
</b:if>
            <b:if cond='data:content == "[disqus][facebook][blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab=''>
<div class='disqus-tab'>
<div id='disqus_thread'/>
</div>
</div>
<div data-tab=''>
<div class='facebook-tab'/>
</div>
<div data-tab=''>
<div class='blogger-tab'/>
</div>
</div>
</b:if>
            <div id='fb-root'/>
<script>(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.0";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><script>$(".facebook-tab").append("<div class='fb-comments' data-href='<data:blog.canonicalUrl/>
' data-width='100%' data-numposts='5' data-colorscheme='light'></div>
");</script>
          </b:if>
        </b:includable>
     </b:widget>
     <b:widget id='HTML902' locked='true' title='Disqus Shortname' type='HTML' version='1'>
       <b:widget-settings>
         <b:widget-setting name='content'>wdbloog</b:widget-setting>
       </b:widget-settings>
       <b:includable id='main'>
         <b:if cond='data:blog.pageType == "item" or data:blog.pageType == "static_page"'>
            <script type='text/javascript'>
            var disqus_shortname = '<data:content/>';
             (function() {
              var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
              dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
              (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
              })();
            </script>
          </b:if>
        </b:includable>
     </b:widget>
   </b:section>
  <div class='clear'/>

يجب ان تتاكد من مسح الاكواد التى اولها <div class='clear'/> الى اخر كود القفل الخاص به الذى ينتهى ب <div/>
بعد اضافة الاكواد قم بحفظ المظهر وانتقل الى التخطيط
بعد الذهاب الى التخطيط ستجد قد تم اضافة خانتين جديدة

أفضل وأسهل طريقة دمج تعليقات بلوجر و ديسكس و فيسبوك

لاظهار تعليقات بلوجر و ديسكس و فيسبوك اضف الكود التالى فى الخانة الاولى الجديدة

[blogger][disqus][facebook]

لاظهار تعليقات بلوجر و فيس بوك

[blogger][facebook]

لاظهار تعليقات بلوجر و ديسكس

[blogger][disqus]

لاظهار تعليقات ديسكس و فيسبوك

[disqus][facebook]

لاظهار تعليقات فيسبوك فقط

[facebook]

لاظهار تعليقات بلوجر فقط

[blogger]

لاظهار تعليقات ديسكس فقط

[disqus]

وفى الخانة الثانية ضع معرف ديسكس الخاص بك لمعرفته اضغط هنا

بعد اختيار نظام التعليقات الخاصة بك قم بالحفظ ومبروك لك على دمج تعليقات بلوجر و ديسكس و فيسبوك الى مدونتك على بلوجر

شرقاوى ويب

الجمعة، 9 مارس 2018

أفضل وأسهل طريقة دمج تعليقات بلوجر و ديسكس و فيسبوك

أفضل وأسهل طريقة دمج تعليقات بلوجر و ديسكس و فيسبوك

أفضل وأسهل طريقة دمج تعليقات بلوجر و ديسكس و فيسبوك

طريقة دمج تعليقات بلوجر و ديسكس و فيسبوك على مدونتك

1 Comments:

معلومات عن الموقع