Tạo hệ thống comment Google Plus và Blogger cho blog

Chúng ta có thể sử dụng song song hai hệ thống bình luận của G+ và Blogger trên blog của mình như vậy thì bạn không cần thay đổi hệ thống comment, nó cũng thuận tiện hơn cho người đọc.

DEMO

#Thêm Script

1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm thẻ </head>
4. dán code dưới vào trên thẻ mà bạn vừa tìm

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

Nếu trong blog của bạn đã có đoạn này rồi thì thôi, không cần thêm nữa

#Thêm HTML

1. Tìm thẻ  <b:include data='post' name='post'/>

2. Dán code dưới vào dưới thẻ vừa tìm

 <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/AVvXsEgISULDh4F-A5Wktk_2Dlta3IvbtegvUPWwTDikRVhK1CEaKtbjqQlrVgDzwOOoq8wliw82SEJOKalUmAw6YksgLWuATt71kmoTe-w0-zyAfOkDv9eRmty23GI6Q65U6iYRjxMOZlRrpmPj/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/AVvXsEiUmSioQ4ol9shyTbBvWGtwNTSZUmVRYjaextlEZufhhL4ewcHO1_o-y8v4Qva9L5RQsNIjhhZGAvm1jVslH4GZG4NhRl7Icimc2QZ8NlkxfE4IFygHwenDSGBhDkYkv_ukusDBhuTOC06o/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/AVvXsEitNl6jTPsKlilZmPvTsPvw_13wjeltQdB4enIOjhfg2_YIN5r3tk9OeaePR45yFM63O8tENriZ6u_fPr7J9cKhVd3I9k3zS3DIil4fRY0GaC5xiZJEJoPVxVKtX0oAAw5WhguJjVuL37JE/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.  Save lại

helplogger