إضافة تعليقات Blogger جنبا إلى تعليقات Disqus، هذا أكثر طلب سبق وتلقيته
وهو طريقة اضافة تعليقات بلوجر مع Disqus. وها أنا ألبيه لمتابعينا الأعزاء بهذا الشرح الخاص لدمج تعليقات بلوجر مع ديسكس. هناك نقاط إيجابية وسلبية بالمنصات الفردية للتعليق فأحسنها لمنصة بلوجر هي منصة Disqus والعديد يستعملها سواء مدونات بلوجر أو منصات أخرى، فإذا أردت أن تترك تعليقات بلوجر وتحصل على كل مزايا بكل نظام تعليق ينبغي إضافة تبويب للإنتقال بين المنصتين في مدونتك وكذلك تتيح للزائر الإختيار الأنسب له.
* ستجد منه اثنان ضع الكود في كلاهما
* الكود التالي هو لإظهار الأيقونات إذا كنت تتوفر عليه فلا داعي لإضافته، يضاف فوق </head>
شرح التركيب
1. ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>.tridwn_comtab { margin: 0 0;}
.tridwn_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;}
.tridwn_comtab li:nth-child(1){background:#F2802A;}
.tridwn_comtab li:nth-child(2){background:#1E89E4;}
.tridwn_comtab li .fa{display:inline-block;font-size:15px;}
.tridwn_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='tridwn_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>
3. غير تريدون بإسم المستخدم على Disqus* الكود التالي هو لإظهار الأيقونات إذا كنت تتوفر عليه فلا داعي لإضافته، يضاف فوق </head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
4. قم بحفظ العمل ومبروك عليك الاضافة
ليست هناك تعليقات:
إرسال تعليق