درس اضافة صندوق تعليقات جوجل بلس مع تعليقات بلوجر جنبا إلى جنب

درسنا اليوم درس مهم للغاية وهو تجميع تعليقات جوجل بلس مع تعليقات بلوجر جنبا إلى جنب لكى يختار الزائر عند وضع تعليق فى مدونتك .

الأضافة تعمل بدون مشاكل بعد عملية التجريب وهذه الاضافة رايتها فى احدى المدونات الاجنبية واعجبتى فأحببت ان اقوم بفك الاكواد وتجميعها من قالب المدونة الاجنبية حتى اضعها لكم لعل ان تعجبكم وهذه الاضافة اعتبرها من اهم اضافات بلوجر لأحتواها على تعليقات جوجل بلس المحببة للكثير فتجد الملايين لديهم حسابات عبر جوجل بلس ومن السهل ان يشاركون بوضع التعليقات فى مدونتك ولكسب اعضاء جدد .

قبل ان اضع لكم طريقة تركيب اضافة صندوق جوجل بلس google plus مع صندوق تعليقات بلوجر القى نظرة على هذه الصور الذى قمت بتصويرها ولكى تشاهد شكل الاضافة .

صورة لشكل الاضافة بعد التركيب

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

 وعند الضغط على ايقونة بلوجر سيتم اخفاء صندوق تعليقات جوجل بلس ويظهر تعليقات بلوجر والصورة التالية توضح لنا الشكل الطبيعى المتواجد فى مدونتك بدون عملية تغيير فى الصندوق :

اتمنى بأن هذه الاضافة اعجبتكم ولمن يريد ان يضعها فى المدونة علية بمتابعة طريقة التركيب .

كيفية تركيب اضافة صندوق تعليقات جوجل بلس مع تعليقات بلوجر جنبا إلى جنب 

بالبداية اذهب الى لوحة تحكم المدونة ومنها اختار المظهر ومن بعدها اضغط على تحرير HTML ثم اضغط على CTRL + F من لوحة المفاتيح الكيبورد لظهور خانة البحث .

الان عليك بالبحث عن هذا الكود :

<b:include data='post' name='post'/>

ضع فى اسفلة مباشرة هذا الكود :

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

<style>#comments, #gplus-comments-visibility {display:none;}  .comments-icons { 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'>

اضغط لأظهار تعليقات جوجل بلس <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/AVvXsEgbgJXgndlJAKXL6BlCmrFzwNdrFErIy92Gi9L5FsSgsSWKAhR22JHHVUBOY2NZmfhau7LWH7-06D60F0MNX33hyVVYtGCkY2RwYYTHcVs5dOJxdD_VOYhRZE36Iwqxh6DkhuMZrIBNSQs/s1600/google-plus-logo.png' width='35'/></a> اضغط لأظهار تعليقات بلوجر <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/AVvXsEjneMsOQzRm6nFaaXTwoOcZT0mt3IG0qilFEOKuYG8KFFwOcm2OxoaqFVhfhJ9Nj58NhY88JNoL5v717sjF8N9pphPLwt7W8ph-QyJflL1FR30JRYlXwcohoc1BLSZD8eWHQZZraM5uTjc/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='640' expr:data-href='data:post.url'/>

</div>       

</b:if>

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

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

ملحوظة هامة : عند تركيب هذه الاضافة لا يتم اى تغير فى شكل تعليقاتك سواء كانت افتراضية او كانت معدلة بمعنى اذا كانت تعليقاتك تحتوى على خاصية CSS لا يتم تغير الشكل سيبقى كما كان .

اتمنى بأن هذا الدرس اعجبكم وانتظرونى فى درس اخر من دروس بلوجر فى القريب العاجل ان شاء الله