Chèn widget social sharing bên dưới bài đăng

Ở những bài trước mình đã giới thiệu một số style social sharing widget. Bài này mình sẽ chia sẻ một style nữa của widget này, thích hợp để chèn bên dưới đăng (xem hình trên).

Bước 1: Tại trang quản trị blog, các bạn vào Mẫu -> Chỉnh sửa HTML, nhấn Ctrl + F tìm dòng <data:post.body/> và chèn bên dưới nó đoạn code sau:

<!--Social Sharing Widget / kjmagic.blogspot.com-->
<b:if cond='data:blog.pageType == "item"'> 
<table border='0'> 
<tr> 
<td><div style='margin-right:5px;'> 
<g:plusone expr:href='data:post.url' size='medium'/> 
</div> 
</td> 
<td><div style='padding-top:6px;'> 
<script type='text/javascript'> 
tweetmeme_style = &quot;compact&quot;; 
</script> 
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> 
</div></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:25px;'> 
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/> 
</div> 
</td> 
<td> 
<!-- AddThis Button BEGIN --> 
<div class="addthis_toolbox addthis_default_style "> 
<a class="addthis_counter addthis_pill_style"></a> 
</div> 
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> 
<!-- AddThis Button END --> 
</td> 
</tr> 
</table>
<!--End Social Sharing Widget / kjmagic.blogspot.com-->

Bây giờ lưu mẫu lại và xem kết quả nhé !