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

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

ما أهمية لأضافه وكيف تستفيد منها:

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

معاينة

طريقة التركيب

ادهب الى المظهر تحريرHTML وابحث عن <b:include data='post' name='post'/> ضع الكود التالي تحته/ اسفله:

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

<style>
/*بداية لتحويل العكسي*/
#gplus-comments-visibility {display:block;}
#comments{display:none;}
/*نهاية لتحويل العكسي*/

 .comments-icons {

    height: 50px;

    direction: rtl;

 }

.show-hide-comments{

width: 48%;

    float: right;

    display: block;

    margin: 0 0.1%;

    background: #cc3333;

    padding: 7px 0;

}

.show-hide-comments-b{

    width: 49%;

    float: left;

    display: block;

    margin: 0 0.1%;

    background: #f58220;

    padding: 7px 0;

}

  .comments-icons a span{

    font-size: 20px;

    color: #fff;

    margin: 0px 5px;

    line-height: 32px;

    font-family: cursive;

}

  .comments-icons a:hover{

    text-decoration: none;

    background: #444;

-webkit-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

 .comments-icons a img {vertical-align: middle;float: left;padding: 0px 10px;}</style>

<div class='comments-icons'>

<a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><span>تعليقات جوجل بلس</span><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapNICUtQS8D-iNNLB-Qok7fshgm2cDtel3jm6PiBG8igIo_8cSjUUh32leXjr59ZLpEGE7TRZy9gQexB0WUvi6zZ3uYIWzOfriSGJqgKI52rWHfR_n_byy6rJ8-ZmOcq4G2nUhk4UdONC/s1600/google-plus-logo.png' width='35'/></a><a class='show-hide-comments-b' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><span>تعليقات بلوجر</span><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfTRTkSnjQP_UOhuSh5yDKtFwHbi_3ou8FHhil90zx1SRdduktHLuaXf7_mwAJercnJ_OyY9wK6vMiUp_KthYF-oIoxQjU00YNVBp2ZhU7iVbqI2HkyM3_glZD2v5uFCV92tCl8C0mgV4V/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>

الان اضغط حفظ وقم بتجربة الاضافه اد لم تشتغل اضف الكود التالي فوق </head>

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

طريقة التعديل

لتغير الظهور وجعل ظهور تعليقات البلوجر اولاً بدل جوجل بلاس ابحث عن لتحويل العكسي وستجد الاكواد بهذه الشكل

/*بداية لتحويل العكسي*/

#gplus-comments-visibility {display:block;}

#comments{display:none;}

/*نهاية لتحويل العكسي*/

قم بتحويل block الى none وقم بتحويل none الى block 

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