Twitter hiện tại là một trong những mạng xã hội lớn nhất thế giới, 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. 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ọn Mở 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
2
3
4
5
| <b: if cond= 'data:blog.pageType == "item"' > <div style= 'float:right;margin-right:10px;' > <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> </div> </b: if > |
- Đoạn code với nút chia sẻ và bộ đếm theo hàng ngang :
1
2
3
4
5
| <b: if cond= 'data:blog.pageType == "item"' > <div style= 'float:right;margin-right:10px;' > <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> </div> </b: if > |
- Đoạn code với nút chia sẻ mà không có bộ đếm :
1
2
3
4
5
| <b: if cond= 'data:blog.pageType == "item"' > <div style= 'float:right;margin-right:10px;' > <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> </div> </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 )
Gửi ý kiến của bạn cho bài viết này :