Home »

Cách chèn nút Twitter cho blog của bạn

14 thg 9, 2013
Sau khi Twitter giới thiệu nút tweet của mình cho các web masters, giờ đây việc chia sẻ thông tin trên blog của bạn qua twitter trở nên dễ dàng hơn bao giờ hết, mặc dù Twiter vẫn chưa thông dụng ở việt nam, tuy nhiên việc có thêm một thủ thuật và kinh nghiệm cũng là điều mà chúng ta cần lưu ý và học hỏi, hôm nay mình xin chia sẻ với các bạn cách chèn nút chia sẻ trên mạng Twitter.

Bước 1 : Đăng nhập vào blogger, vào phần Thiết kế (Design ) -> Chỉnh sửa HTML ( Edit Html) chọnMở rộng tiện ích (Expand Widgets)
Bước 2 : Tìm đoạn code sau trong template :
<div class=’post-header-line-1′/>
Bước 3 :  Copy và Dán đoạn code sau ngay trên đoạn <div class=’post-header-line-1′/>, còn nếu không tìm thấy thì các bạn past trước dòng <data:post.body/>
- Đoạn code với nút chia sẻ và bộ đếm theo hàng dọc :

1<b:if cond='data:blog.pageType == "item"'>
2<div style='float:right;margin-right:10px;'>
3<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
4</div>
5</b:if>
- Đoạn code với nút chia sẻ và bộ đếm theo hàng ngang :

1<b:if cond='data:blog.pageType == "item"'>
2<div style='float:right;margin-right:10px;'>
3<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
4</div>
5</b:if>
- Đoạn code với nút chia sẻ mà không có bộ đếm :

1<b:if cond='data:blog.pageType == "item"'>
2<div style='float:right;margin-right:10px;'>
3<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
4</div>
5</b:if>
Hãy nhớ là thay “TWITTER-USERNAME” bằng tài khoản twitter của bạn
Bước 4 : Nhấn nút Lưu Mẫu ( Save Template )
Chúc các bạn thành công !
Tags:

Comments[ 0 ]


Đăng nhận xét