دمج تعليقات بلوجر مع تعليقات جوجل لمدونات بلوجر

قد لا يتيح بلوجر دمج تعليقات المدونة مع تعليقات جوجل, ويبقى الخيار لك لأختيار أحد النظامين عن طريق حسابك على بلوجر, فى هذا الموضوع سأقوم بشرح كيفية دمج نظام تعليقات " بلوجر " مع نظام تعليقات " جوجل ", وذلك عن طريق التعديل على القالب بطريقة بسيطة.

1-قم بالتوجه إلى " بلوجر ", من ثم توجه إلى القالب ثم قم بالضغط على " تحرير HTML ", بعد ذلك ستظهر لك أكواد القالب.

2-بعد الدخول إلى القالب قم بالبحث عن هذا الكود " <b:include data='post' name='post'/> ", وذلك بأستخدلم " Ctrl + f ", ثم قم بأستبداله بالكود التالى.

 <b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2hjlv97NWKjs9dyEmhnJ1mA2ZsSlxcwejIv7cQvd00hiC0-sM06_kB7ThKMKXIDJQdimQ9pDunXPIrWLfMHFLX0Jcy3aHSJXwJv2Cjjsi-iaDg_o-_s01aO0RlDU86KTNIfi6RzDZ_v2/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>

<div class='comments-icons'>

Show Comments: <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIqPIPnIjg5VfQjJEIMQ_xhHRW3lKhGcNj9-mox0gWBWHGXrOTMwECz7G5Ci8hGV-I2LJgffXV8DvUR3HqHhMamuqymhAlbF730LdgQPyRFe-MXnsCWTrsXmVJjY6jImKxRfQdrMuvQb7j/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-gcnejrjnteBdPN19VL9h1N_jkWYe5xO5jqQfk0BTYidMB1M-oqwrgVVAtpDIDurKi8BZ96d-OsIKRsGUj43QuxKFeFFa8_vG5mjIP0rxCfZnFPkdnKQGYJWazMmJsrfIz3APk6g9UTL/s1600/blogger-logo.png' width='35'/></a>

</div>

<div id='gplus-comments-visibility'>

<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550'expr:data-href='data:post.url'/>

</div>       </b:if>

3-قم بالبحث عن " </head> " بأستعمال " Ctrl + f ", من ثم قم بإضافة الكود التالى فوق الوسم " </head> ".

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>

وللتعديل على حجم مربع التعليقات الخاص بجوجل أستبدل " 550 " بالحجم الذى يناسبك.

 وأخيراً قم بحفظ القالب, وتوجه لأحد المشاركات للأطلاع على الشكل الجديد.

مشاركة الموضوع