دمج تعليقات فيس بوك + ديسكس + بلوجر

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

تطوير بلوجركل

دمج تعليقات فيس بوك + ديسكس + بلوجر

محمد عبد الوهاب منذ 11 سنة تقريبا 1

A+ A-

facebook twitter

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

والصلاة و السلام على المبعوث رحمة للعالمين سيدنا محمد و على آله و صحبه الطيبين الطاهرين اما بعد : -

اليوم جايب لكم درس ازاى اضع نظام تعليقات فيس بوك + ديسكس Disqus  + بلوجر  

معاينة الإضافة

الأكواد

1- نذهب إلى قالب المدونة ثم نقوم بالبحث عن وسم 

</head>

ثم نضع الكود التالى فوقها 

    <meta content="medoelsadda" property="fb:admins"/>    <meta content="118174855000140" property="fb:app_id"/>

    <script src="http://code.jquery.com/jquery-latest.pack.js"/>

    <script src="http://tipsviablogging.github.io/tvbcommentstyle.js"/>

    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1?"/>

نستبدل medoelsadda بالإسم على فيسبوك 

و ال 118174855000140 بالإى دى الخاص بالتطبيق

ثم نبحث عن الوسم 

    <div class='comments' id='comments'>

اذا وجدت اكثر من وسم فضع الكود اسفل كل منهم

ثم ضع الكود التالى اسفله

  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    <div class='js-default-tab comments-tab' id='blogger-comments' title='Comments from Blogger'>

        <data:post.numComments/>

            تعليقات

            </div>

            <div class='comments-tab disqusbutton' id='disqus-comments' onclick='load_disqus()' title='Comments with Disqus'>

            <a alt='submit' class='dsq-comment-count comment-link commentslink' expr:href='data:post.url + &quot;#disqus_thread&quot;' style='text-decoration: none; color: #ffffff'/>

            Disqus            </div>

            <div class='comments-tab' id='fb-comments' title='Comments made on Facebook'>

            <fb:comments-count expr:href='data:post.url'/>

            Fb تعليقات

            </div>

                      </b:if>

                      <div class='clear'/>

                    </div>

                    <div class='comments-page' id='disqus-comments-page'>

                      <div id='disqus_thread'/>

                      <b:if cond='data:blog.pageType == &quot;item&quot;'>

                        <div id='disqus_thread'/>

                        <div id='disqus_loader' style='text-align: center'>

                          <script>

                            function load_disqus()     {       var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;       dsq.src = &quot;http://titansbreaker.disqus.com/embed.js&quot;;       (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);       var ldr = document.getElementById(&#39;disqus_loader&#39;);       ldr.parentNode.removeChild(ldr);     }   </script>

                        </div>

                      </b:if>

                </div>

                <div class='comments-page' id='fb-comments-page'>

                <b:if cond='data:blog.pageType == &quot;item&quot;'>

                <fb:comments-count expr:href='data:post.url'/>

                <b>

                تعليقات :

                </b>

                <br/>

                <br/>

                <fb:comments expr:href='data:post.url' num_posts='10' width='500'/>

                </b:if>

           </div>

     <div class='comments comments-page' id='blogger-comments-page'>

وغير ما باللون الأصفر بإسمك على disqus

و ما باللون الأخضر بما يناسبك

ابحث عن الوسم التالى

</body>

ثم ضع الكود التالى فوقه مباشرة

<script type='text/javascript'>

/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */

var disqus_shortname = &#39;Disqus-Site-Name&#39;; // required: replace example with your forum shortname

/* * * DON&#39;T EDIT BELOW THIS LINE * * */

(function () {

var s = document.createElement(&#39;script&#39;); s.async = true;

s.type = &#39;text/javascript&#39;;

s.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/count.js&#39;;

(document.getElementsByTagName(&#39;HEAD&#39;)[0] || document.getElementsByTagName(&#39;BODY&#39;)[0]).appendChild(s);

}());

</script>

غير ما باللون البرتقالى بإسمك على Disqus

شكراً لكم انتظروا الجديدة بإضافة نظام تعليقات جوجل بلس فى الموضوع القادم فى امان الله .

الوسوم: تطوير بلوجر كل