تحميل تعليقات Disqus بضغطة زر واحده

تحميل تعليقات Disqus بضغطة زر واحده - اليوم سنقوم بشرح طريقة جعل صندوق تعليقات disqus يظهر بضغطة زر واحده,سنقوم بجعل صندوق التعليقات يختفى ويظهر للزائر بعد الضغط عليه, هذا يزيد من جازبية مدونتك وايضا يقلل وقت تحميل الصفحه وذلك يؤثر بالايجاب على مواضيع المدونه .

أظهار صندوق تعليقات Disqus بضغطة زر واحده.

قبل البدء عليك ان تتأكد من النقاط التاليه
1.أذا كانت مدونتك تحوى على تعليقات Diqus بالفعل فعليك أزالته لتتبيق الشرح التالى
2.يوجد بعض الاكواد تحتوى على fontawsome لذلك عليك التأكد من وجود أكواد fontawsome فى مدونتك

1.أدخل الى مدونتك > القالب > تحرير html وأبحث عن الكود التالى.

<b:includable id='comments' var='post'>
.......
.......
.......
</b:includable>

2.قم بأضافة الكود التالى بعد الكود فى الخطوع رقم 2

<b:includable id='disqus-comment' var='post'>
<script type='text/javascript'>
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
</script>
</b:includable>

ليصبح كالتالى

<b:includable id='comments' var='post'>
.......
.......
.......
</b:includable>
<b:includable id='disqus-comment' var='post'>
<script type='text/javascript'>
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
</script>
</b:includable>

<script type='text/javascript'>
var disqus_shortname = &quot;blogger-deve&quot;;
!function(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.src=&quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;,(document.getElementsByTagName(&quot;head&quot;)[0]||document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(e)}();
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
!function(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.src=&quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;,(document.getElementsByTagName(&quot;head&quot;)[0]||document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(e)}();
//<![CDATA[
function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="blogger-deve";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="http://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}
//]]>
</script>
</b:if>