Hướng dẫn chèn nút LIKE + 1 SHARE vào cuối bài viết BLOGSPOT

Mình xin hướng dẫn cho các bạn cách chèn các nút like share, g+, nút share vào phía cuối bài viết blogspot hoặc ngay phía dưới phần title của bài viết.

Tìm đến đoạn code

Mã: */]]></b:skin>

Thêm phần CSS

Mã:CSS:

.share-box{background-color:transparent;font-size:14px;padding:10px 0 11px;position:relative;margin-top:10px;color:#a5b2bd;}

Đặt đoạn CODE vào chỗ bạn muốn hiện nút like share

Mã:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-box'>
<span style='float:left;margin-left:10px;margin-right:10px;font-size:18px;font-family:Tahoma;color:#a5b2bd;text-transform:uppercase'>
<img alt='img-like1' class='icon-action' height='40' src='http://i.imgur.com/DdvlrSh.png' width='286'/> </span>
<div style='margin-right:30px;float:left;'>
<span class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/>
</div>
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url'

href='http://twitter.com/share' title='Share via Twitter'>Tweet</a>
<script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;'>
<div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/>
</div>
<a class='a2a_dd more' href='http://www.addtoany.com/share_save' title='More Share'>&#10010;</a>
<script async='async' src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
<a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print();return false;' title='Printer Friendly and PDF'><span
class='print'/> <span class='pdf'/></a>