تركيب تعليقات Disqus جنبا إلى تعليقات بلوجر

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

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

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

شرح طريقة التركيب1. ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>

.ar1web_comtab { margin: 0 0;} .ar1web_comtab li{cursor: pointer; float: right; text-align: center; width: 43%; padding: 7px 10px 10px; color: #FFF; text-transform: uppercase; font-size: 13px; -webkit-user-select: none; direction: ltr; list-style: none;} .ar1web_comtab li:nth-child(1){background:#F2802A;} .ar1web_comtab li:nth-child(2){background:#1E89E4;} .ar1web_comtab li .fa{display:inline-block;font-size:15px;} .ar1web_comtab li h4{margin:0;font-family: Droid Arabic Naskh,sans-serif; font-size: 15px;} 

2. ابحث عن <div class='comments' id='comments'> بعدها ضع الكود التالي أسفله

* ستجد منه اثنان ضع الكود في كلاهما

<script type='text/javascript'>//<![CDATA[ function commentToggle(o){$(".com-tab").addClass("off-comtab"),$(o).removeClass("off-comtab"),$(".com-page").hide(),$(o+"_page").show()}//]]></script> <nav class='ar1web_comtab'><ul><li class='com-tab' id='blogcom' onclick='javascript:commentToggle(&quot;#blogcom&quot;);'><i class='fa fa-comments'/> <h4>Blogger تعليقات</h4></li><li class='com-tab off-comtab' id='disqcom' onclick='javascript:commentToggle(&quot;#disqcom&quot;);'><i class='fa fa-comments'/> <h4>Disqus تعليقات</h4></li></ul><div class='clear'/></nav> <div class='comments com-page' id='disqcom_page' style='display:none;'> <div id='disqus_thread'/> <script type='text/javascript'>//<![CDATA[ var disqus_shortname = 'أكاديمية العرب لتعليم الكمبيوتر'; !function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); //]]> </script> <noscript>الرجاء تمكين الجافا سكريبت لعرض <a href='https://disqus.com/?ref_noscript' rel='nofollow'>تعليقات مدعومة من ديسكس.</a></noscript> <div class='clear'/></div> 

3. غير أكاديمية العرب لتعليم الكمبيوتربإسم المستخدم على Disqus

* الكود التالي هو لإظهار الأيقونات إذا كنت تتوفر عليه فلا داعي لإضافته، يضاف فوق </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/> 

4. قم بحفظ العمل ومبروك عليك الاضافة

وهكذا نصل لنهاية تدوينتنا، أتمنى أن تكون قد أفدَتكم ونلقاكم في تدوينة جديدة.. أي استفسار/ مشكل فهو مرحب به.