Thêm Widget Đẹp Chia Sẻ Xã Hội Dưới Đây Trong Bài Viết Blogger

 


Đăng nhập vào blogspot --> Thiết kế --> Chỉnh sửa HTML
Sao lưu mẫu của bạn trược khi thực hiện nhé.
Bây giờ click Mở rộng Mẫu Tiện ích
Nhấn Ctrl + F và tìm dòng bên dưới: 


<div class='post-footer-line post-footer-line-1'/>
Và dán đoạn code sau dưới đoạn code vừa tìm được.
<b:if cond='data:blog.pageType == "item"'>
<style>
.promote_post_bg {
height: 103px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPV_zRyDodaJmjxrb5GZTCpZUcMjFrje7hRFmwgKaeuWypptg_LSQ2G8zGwYrsw8RUx1i-z9Hmbojsv-_jed7SrPnxuurf2U9eozNepBntQ22iuK96UeUJeVFIUDXqLTv8-jtGdtV3dc/s1600/latesthack.png) 0 -7px no-repeat;
width: 500px;
margin-left: 65px;
}

.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;
}

.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;
}

.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
<div class='promote_post_bg'>
<div class='promote_twitter'>

<a class='twitter-share-button' data-via='latesthack' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>

</div>

<div class='promote_facebook'>


<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&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/> </div>
<div class='promote_google'>
<script type='text/javascript'>
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<g:plusone annotation="none" size='medium'></g:plusone>
</div>
</div>
<p style="display:none;"><a href="URL"></a></p>
</b:if>

Save lại bạn nhé chúc bạn thành công.