Thêm button like, google + , tweet, share vào blogspot

Bài viết dẫn chèn thêm các button mạng xã hội vào blogspot.Và hình bên dưới là kết quả sau khi chèn vào rất nhanh và đơn giản chỉ cần vài thao tác thôi là bạn hoàn toàn có thể làm chủ nó.

Truy cập vào Blogger - Mẫu - Chỉnh sửa HTML

Nhấn Ctrl + F tìm dòng sau:

<div class='post-header-line-1'/>

Sau đó ta thêm đoạn code bên dưới vào phía sau nó.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'>
<tr> <td> <a class='twitter-share-button' data-count='horizontal' data-lang='en' data-via='mybloggertricks' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/> <b:if cond='data:post.isFirstPost'> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'> </script> </b:if> </td>
<td> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:20px; width:100px; height:20px;'/> </td>
<td><div style='margin-right:25px;'> <script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div> </td>
<td><div style='margin-right:5px;'> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td>
<td> <!-- AddThis Button BEGIN --> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'> var addthis_config = { ui_cobrand: &quot;MY BLOGGER TRICKS&quot;, ui_header_color: &quot;#ffffff&quot;, ui_header_background: &quot;#0080FF&quot; } </script> <!-- AddThis Button END --></td>
</tr> </table>
</b:if><br/>

Save và hưởng thành quả