Tạo hộp "Do you like this story?"

Hôm nay mình sẽ hướng dẫn các bạn tạo hộp Do you like this story? , nó đơn giản là khung chứa nút like Facebook và nút follow Twitter. Hộp này sẽ được thiết kế theo phong cách Facebook.
Bên dưới là DEMO.

Do you like this story?

#Thêm vào blog

1. Đăng nhập Blogger
2. Mẫu Chỉnh sửa HTML
3. Tìm thẻ <div class='post-header'>
4. Dán code dưới vào dưới thẻ mà bạn vừa tìm

<b:if cond='data:blog.pageType == "item"'><div style="background: rgb(232, 240, 249); border: 1px solid rgb(171, 210, 233); height: 80px; margin: 10px 0pt 10p 0px; padding: 10px;">
<div style="color: #3b5998; font: bold 1.3em helvetica,arial,verdana; margin: 0pt 0pt 5px;">
Do you like this story?</div>
<div id="fb-root">
</div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like send="true" show_faces="true" width="450"></fb:like>
<a class="twitter-follow-button" href="http://twitter.com/chelskivn29" rel="nofollow"></a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div></b:if>

5. Lưu lại và xem kết quả.

mybloggertricks