4 0 4
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة الصفحة الرئيسية

الثلاثاء، 16 أغسطس، 2016



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


شرح التركيب



  1. قم بالبحث عن الوسم ]]></b:skin> فى مدونتك وقم بوضع الكود التالى فوقه.




.cmm-tabs-header {
  margin-top: 10px;
  height: 50px;
  background: #0F4566;
}
.cmm-tabs-header:before {
  content: "شارك بتعليق لاى شئ تريده";
  float: left;
  color: #FFF;
  font-family: 'Moussa-font';
  padding: 14px;
  background: #0B6EAB;
}
.cmm-tabs-header ul li a {
  color: #fff;
  padding: 14px;
  float: right;
  width: 26.43333%;
  text-align: center;
}
a.activeTab {
  background: #0B6EAB;
}
.facebook-tab {
  background: #ffffff;
  padding: 10px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
}
.disqus-tab {
  background: #ffffff;
  padding: 10px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
}




  1. الان مع الكود الثانى الخاص بالتعليقات وهذا الكود يتم وضعها اسفل المواضيع مثل ما فى الصورة التالية








  1. كود التعليقات هو المحدد باللون الاحمر فى الصورة انت سوف تقوم بوضعه اسفل نهاية اكواد المواضيع مثل ما فى الصورة تمام




  <div style='clear: both;'/>
   <b:section id='facebook.disqus.blogger' showaddelement='no'>
     <b:widget id='HTML901' locked='true' title='Comments system' type='HTML' version='1' visible='true'>
       <b:includable id='main'>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <b:if cond='data:content == &quot;[blogger]&quot;'>
              <div class='cmm-tabs'>
                <div data-tab='بلوجر'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == &quot;[facebook]&quot;'>
              <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 == &quot;[disqus]&quot;'>
              <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 == &quot;[blogger][facebook]&quot;'>
              <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 == &quot;[blogger][disqus]&quot;'>
              <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 == &quot;[facebook][blogger]&quot;'>
              <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 == &quot;[facebook][disqus]&quot;'>
              <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 == &quot;[disqus][blogger]&quot;'>
              <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 == &quot;[disqus][facebook]&quot;'>
              <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 == &quot;[blogger][facebook][disqus]&quot;'>
              <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 == &quot;[blogger][disqus][facebook]&quot;'>
              <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 == &quot;[facebook][blogger][disqus]&quot;'>
              <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 == &quot;[facebook][disqus][blogger]&quot;'>
              <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 == &quot;[disqus][blogger][facebook]&quot;'>
              <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 == &quot;[disqus][facebook][blogger]&quot;'>
              <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 = &quot;//connect.facebook.net/ar_AR/sdk.js#xfbml=1&amp;version=v2.0&quot;;fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>&lt;script&gt;$(&quot;.facebook-tab&quot;).append(&quot;&lt;div class=&#39;fb-comments&#39; data-href=&#39;<data:blog.canonicalUrl/>&#39; data-width=&#39;100%&#39; data-numposts=&#39;5&#39; data-colorscheme=&#39;light&#39;&gt;&lt;/div&gt;&quot;);&lt;/script&gt;
          </b:if>
        </b:includable>
     </b:widget>
     <b:widget id='HTML902' locked='true' title='Disqus Shortname' type='HTML' version='1' visible='true'>
       <b:includable id='main'>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
            &lt;script type=&#39;text/javascript&#39;&gt;
            var disqus_shortname = &#39;<data:content/>&#39;;
             (function() {
              var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
              dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
              (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
              })();
            &lt;/script&gt;
          </b:if>
        </b:includable>
     </b:widget>
   </b:section>
  <div style='clear: both;'/>




  1. يجب ان تتاكد من وضع الكود فى مكانه المناسب كما فى الصورة
  2. الان بعد وضع الاكواد قم بحفظ القالب وانتقل الان الى التخطيط
  3. سوف تجد قم تم اضافة إضافتين اسفل رسائل المدونة الإلكترونية كما بالصورة








  1. الإضافة الاول توقم بوضع بها احد الاكواد التاليه ليظهر التلعيقات




[blogger][disqus][facebook]

[blogger][facebook]

[blogger][disqus]

[disqus][facebook]

[facebook]

[blogger]

[disqus]





  1. اختار نظام التعليقات الذى سوف يظهر فى المدونة كما تريد
  2. وفى اللإضافة الثانية يتم وضع بها معرف تعليقات ديسكس 
  3. ولمعرف معرف تعليقات ديسكس ادخل الى هنا
  4. قم بالذهاب إلى هذا الرابط disqus
  5. اضغط على "Edit Settings" وقم باختيار قناة مدونتك الحاليه .













  1. سوف تجده كما هو فى الصورة التالية






  1. وانقل معرف التعليقات فى اللإضافة الثانية وسوف تعمل معك

الان قم بوضع الكود التالى فوق الوسم </body>

<script src='https://rawgit.com/wdbloog/wdblo1og/master/CommentsWdbloog.js' type='text/javascript'/>


الان احفظ القالب ومبروك عليكم

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


شارك التدوينه
تنبية هام

هناك 4 تعليقات :

  1. لدي تعليقات مركبة من قبل
    كيف احذها

    ردحذف
    الردود
    1. هل وضعة كود استايل للتعليقات
      اما وضعت نظام الثلاث تعليقات

      حذف
  2. السلام عليكم أخي

    لم أجد معرف تعليقات ديسكس

    لو ممكن توضيح أكثر لأن الروابط التي استعملتها لا تظهر


    ولمعرف معرف تعليقات ديسكس ادخل الى هنا
    قم بالذهاب إلى هذا الرابط

    ردحذف
  3. وعليكم السلام اخى
    يجب عليك ان تكون قد سجلت دخولك الى ديسكس
    وتابع باقى الخطواط وسوف تعمل معك

    ردحذف

شارك بتعليق على

مواقع صديقة سوف تفيدك
عرب جيك MAX SEO TOOLS ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا
ALL RIGHTS RESERVED, 2016 WDBLOOG , POWERED BY BLOGGER , DESIGN BY WDBLOOG