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

<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='http://1.bp.blogspot.com/-i1zpfechOuY/VI763hqxlHI/AAAAAAAAAvs/dz4sWUQW-xU/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='http://3.bp.blogspot.com/-4N-YlJvoxdA/VI763udxlHI/AAAAAAAAAvw/0dY2Ys0zz2k/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=post.url'/>
</div>
</b:if>

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