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

الأحد، 18 سبتمبر، 2016




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

معاينة التعليقات من صفحه ثابتة



شرح التركيب



  1. اولا لكى لا تتسب فى حدوث مشكلة قم باخذ نسخة قبل التعديل لقالب مدونتك
  2. وثانيا لمن قام بوضع نظام الثلاث تعليقات من قبل كما قدمنها على المدونه
  3. فسوف يعمل على وضع الكود الاخير فقط !!!
  4. الان سوف تعمل على الشرح لمن لم يضع التعليقات من قبل من على المدونتى
  5. قم بالدخول الى قالب مدونتك ثم قم بالبحث عن الوسم ]]></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. الان قم بالبحث عن الوسم </body> ثم قم بوضع الكود التالى فوقه


<script type='text/javascript'>
//<![CDATA[
// by wdbloog.blogspot.com
(function(a){a.fn.simplyTab=function(b){b=jQuery.extend({active:1,fx:null,showSpeed:400,hideSpeed:400,showEasing:null,hideEasing:null,show:function(){},hide:function(){},change:function(){}},b);return this.each(function(){var e=a(this),c=e.children("[data-tab]"),d=b.active-1;e.addClass("simplyTab").prepend('<ul class="wrap-tab"></ul>');c.addClass("content-tab").each(function(){a(this).hide();e.find(".wrap-tab").append('<li><a href="#">'+a(this).data("tab")+"</a></li>")}).eq(d).show();e.find(".wrap-tab a").on("click",function(){var f=a(this).parent().index();a(this).closest(".wrap-tab").find(".activeTab").removeClass("activeTab");a(this).addClass("activeTab");if(b.fx=="slide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fade"){if(c.eq(f).is(":hidden")){c.hide().eq(f).fadeIn(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fancyslide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).delay(b.hideSpeed).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(c.eq(f).is(":hidden")){c.hide().eq(f).show()}}}}b.change.call(e);return false}).eq(d).addClass("activeTab")})}})(jQuery);
// by wdbloog.blogspot.com
$(document).ready(function(){$(".cmm-tabs").simplyTab({active:1,fx:"fade",showSpeed:400,hideSpeed:400});$('.blogger-tab').append($('#comments'));$(".cmm-tabs.simplyTab .wrap-tab").wrap("<div class='cmm-tabs-header'/>");$('.cmm-tabs-header').prepend('')});$(document).ready(function(e){e("abbr.timeago").timeago()});$(document).ready(function(){$("ul#sub-menu").parent("li").addClass("hasSub");(jQuery)});$(document).ready(function(){$('a[name="ads-post-in"]').before($('#ads-post10').html());$('#ads-post10').html('')});$(document).ready(function(){$(".sidebar-wrapper .widget h2").wrap("<div class='widget-title'/>");$(".footer-sections .widget h2").wrap("<div class='widget-title'/>");$("#menu ul li").each(function(){$(this).hoverTimeout(0,function(){$(this).children("ul").slideDown()},0,function(){$(this).children("ul").hide()})});$(".index .post-outer,.archive .post-outer").each(function(){$(this).find(".block-image .thumb a").attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})});$(".widget-content").each(function(){var e=$(this).text();if(e.substr(0,10).match("page")){e=e.replace("page/","");$(this).html('<center><div id="fb-root"></div><div class="fb-page" data-href="'+e+'" data-width="300" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></center>')}});$(window).scroll(function(){if($(this).scrollTop()>200){$('#back-to-top').fadeIn()}else{$('#back-to-top').fadeOut()}});$('#back-to-top').hide().click(function(){$('html, body').animate({scrollTop:0},1000);return false});var search=$('.search');search.click(function(e){e.preventDefault();if(search.is('.active')&&$(e.target).is(search)){search.removeClass('active')}else{search.addClass('active');search.find('input').focus()}});$('body').click(function(e){if(search.is('.active')&&!$(e.target).is('.search, .search form, .search input')){search.removeClass('active')}});var e="[";var t="]";$(".social-widget").each(function(){var e=$(this);var t=$(this).find(".sw-item");if(t.length===0){e.remove()}$(this).find(".widget").removeClass("LinkList");$(".social-widget .sw-item.facebook").find(".sw-desc").text("Likes");$(".social-widget .sw-item.rss,.social-widget .sw-item.youtube").find(".sw-desc").text("Subscribes");var n="[";var r="]";$(".social-widget *").replaceText(n,'<span class="sw-counter">');$(".social-widget *").replaceText(r,"</span>");$(".sw-item").each(function(){var e=$(this).find(".delete-count");var t=$(this).find(".sw-counter");$(e).before($(t));$(e).remove()})});var n=$("#sidebar_tabs #tab1 .widget h2").text();$(".tab-opt .opt-1 a").text(n);var r=$("#sidebar_tabs #tab2 .widget h2").text();$(".tab-opt .opt-2 a").text(r);var i=$("#sidebar_tabs #tab3 .widget h2").text();$(".tab-opt .opt-3 a").text(i);$("#tab1 .widget h2,#tab2 .widget h2,#tab3 .widget h2,#tab1 .widget-title,#tab2 .widget-title,#tab3 .widget-title").remove();$(".sidebar_tabs").tabslet({mouseevent:"click",attribute:"href",animation:true});if($(".sidebar_tabs .widget").length===0){$(".sidebar_tabs").remove()}var s="[full_width]";var o="[right_sidebar]";var u="[left_sidebar]";$(".post *").replaceText(s,"<style>@media screen and (min-width: 980px){.item #main-wrapper{width:100% !important;float:none!important;border-left:0!important;border-right:0!important}.item .sidebar-wrapper{display:none;}.item #main-wrapper #main{margin-right:0!important;margin-left:0!important}.related li {width: 31.655%;}.related-thumb,.related li .related-img{height: 150px;}}</style>");$(".post-body *").replaceText(o,"<style>@media screen and (min-width: 980px){.item #main-wrapper{float:left!important;border-left:0!important;margin-left: 0px !important;}.item .sidebar-wrapper{float:right!important;padding-right:0!important;}}</style>");$(".post-body *").replaceText(u,"<style>@media screen and (min-width: 980px){.item #main-wrapper{float:right!important;border-left:0!important;margin-left: 0px !important;}.item .sidebar-wrapper{float:left!important;padding-right:0!important;}}</style>");(function(e){var t=e("a.newer-link");var n=e("a.older-link");e.get(t.attr("href"),function(n){t.html('<span>'+e(n).find(".post h1.post-title").text()+"</span>")},"html");e.get(n.attr("href"),function(t){n.html('<span>'+e(t).find(".post h1.post-title").text()+"</span>")},"html")})(jQuery)});
//]]>
</script>


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




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


  <div style='clear: both;'/>
   <b:section id='facebook.disqus.blogger2' showaddelement='no'>
     <b:widget id='HTML941' locked='true' title='Comments system' type='HTML' version='1' visible='true'>
       <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;static_page&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='HTML952' locked='true' title='Disqus Shortname' type='HTML' version='1' visible='true'>
       <b:includable id='main'>
          <b:if cond='data:blog.pageType == &quot;static_page&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. وسوف تتابع باقى الشرح من هذا الموضوع 
  4. وكما قلت عليك الانتباه جيدا لكى لا تحدث مشكلة 
  5. وان من قام بوضع التعليقات من قبل سوف يستخدم الكود الثالث فقط 


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

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

هناك تعليقان (2) :

  1. مدونة نت مصر 315 الف في اليكسا نبحث عن تبادل نصي في حالات القبول اترك تعليق ليتم وضعك عندي في مدونتي وشكرا
    https://net-eg.blogspot.com/p/blog-page_15.html

    ردحذف
    الردود
    1. اعتذر منك يا غالى ولكن نقوم بتقديم خدمة الان على خمسات
      للاعلان على المدونة
      بالتوفيق لك

      حذف

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

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