Computer Tips

Thêm tùy chọn comment Google Plus vào blogger

Hình minh họa tùy chọn comment G+ và Blogger

Bước 1 : Đăng nhập vào Blogger - Mẫu - Chỉnh sửa HTML.Nhấn CRT+F trong khung tìm kiếm tìm code sau:

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

Thêm đoạn code bên dưới vào phía sau nó:

<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/AVvXsEjQEXr49v4D0xm87uLVuZvXTcrEbXFazrMXycwKhcZ3Fo7sDjaRHM2k4cFP4lB6AqcaaHc_mf4BkgW_mcEs54x5yyJq_XmTUhnIB2i3YrngsyhfUy8hOFscsCPXnBwyg7BPUjo2beuMcJ0x/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/AVvXsEjVyFvl9SbjV5BTapPgWlVpeV2NvGA8gA2_lkJ1R2YyvKudensfRL_3Z3YGgHwp-N8dgNetNI80NOQuIudWGO_zK9QgdpzZPcTmN4wVMrUH0U9V-_1gQjeohi37i5kVx77XHNZJhQY9wjhk/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/AVvXsEjPzSslApAslu8U7MX0VaADmluGatJRKmL6TN3AKe6lieN5Ti-Id6k3jTcUf4v06HzWuRIWCx9yk7Cg_b4xN6ndypDyLvZD6iPG19mVuCNH6rG3dCoyWiMSdI62SXVlQfA3FDL6NOssBCSd/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>

Chú ý: data-width='550' là chiều rộng của khung G+ bạn có thể tùy chỉnh cho nó phù hợp với template của bạn. Labels: Thủ Thuật Blogger