إضافة تعليقات Blogger جنبا إلى تعليقات Disqus، هذا أكثر طلب سبق وتلقيته وهو طريقة اضافة تعليقات بلوجر مع Disqus. وها أنا ألبيه لمتابعينا الأعزاء بهذا الشرح الخاص لدمج تعليقات بلوجر مع ديسكس. هناك نقاط إيجابية وسلبية بالمنصات الفردية للتعليق فأحسنها لمنصة بلوجر هي منصة Disqus والعديد يستعملها سواء مدونات بلوجر أو منصات أخرى، فإذا أردت أن تترك تعليقات بلوجر وتحصل على كل مزايا بكل نظام تعليق ينبغي إضافة تبويب للإنتقال بين المنصتين في مدونتك وكذلك تتيح للزائر الإختيار الأنسب له.
فلمن تابع التدوينة السابقة لتركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر فالشكل مثلها والإنتقال بين تعليقات بلوجر وديسكس جد سلس وسريع جدا... ما رأيكم الآن لو ذهبنا للمعاينة المباشرة :
شرح طريقة التركيب
1. ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
* ستجد منه اثنان ضع الكود في كلاهما
* الكود التالي هو لإظهار الأيقونات إذا كنت تتوفر عليه فلا داعي لإضافته، يضاف فوق </head>
فلمن تابع التدوينة السابقة لتركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر فالشكل مثلها والإنتقال بين تعليقات بلوجر وديسكس جد سلس وسريع جدا... ما رأيكم الآن لو ذهبنا للمعاينة المباشرة :
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;}
* ستجد منه اثنان ضع الكود في كلاهما
<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("#blogcom");'><i class='fa fa-comments'/> <h4>Blogger تعليقات</h4></li><li class='com-tab off-comtab' id='disqcom' onclick='javascript:commentToggle("#disqcom");'><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>
* الكود التالي هو لإظهار الأيقونات إذا كنت تتوفر عليه فلا داعي لإضافته، يضاف فوق </head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
وهكذا نصل لنهاية تدوينتنا، أتمنى أن تكون قد أفدَتكم ونلقاكم في تدوينة جديدة.. أي استفسار/ مشكل فهو مرحب به.
إرسال تعليق