تركيب تعليقات 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. قم بحفظ العمل ومبروك عليك الاضافة

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

Share

Like

G+

Tweet

Tweet