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

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

طريقة تركيب الإضافة

معاينة التعليقات

الخطوة الأولى :

الدخول الى لوحة تحكم بلوجر, ثم القالب, ثم تحرير HTML . وبعدها تبحث عن هذا الكود ]]></b:skin>
وقبله مباشرة اي فوقه تقوم بلصق الكود التالي :

.mahobach_comtab { margin: 0 0;}

.mahobach_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;}

.mahobach_comtab li:nth-child(1){background:#F72569;}

.mahobach_comtab li:nth-child(2){background:#85bf43;}

.mahobach_comtab li .fa{display:inline-block;font-size:15px;}

.mahobach_comtab li h4{margin:0;font-family: Droid Arabic Naskh,sans-serif; font-size: 15px;}

اللون البنفسجي لون زر تعليقات بلوجر واللون الأخضر زر تعليقات disqus
يمكنك تغيير الألوان بما يناسبك حسب ذوقك اخي

الخطوة الثانية :

تحت الوسم <head> ضع الكود التالي الخاص بالأيقونات اذا كان يتواجد في القالب لا داعي لإضافته .

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

الخطوة الآخرة :

إبحث عن الكود التالي :

<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='mahobach_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>

قم بتغيير إحترف الويب باسم تعليقاتك على ديسكس وهنيئا إضافة تعليقات بلوجر بجانب تعليقات ديسكس ولمن صادفته اية مشكلة في تثبيت الإضافة لا تتردد في طرح تعليق

والسلام عليكم ورحة الله وبركاته

تعديل

أحدث المواضيع[Recent]

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