Hướng dẫn tạo Tweet Button cho Blogger

Tweet Button, có khả năng chia sẻ các trang web và theo dõi số lần mà một địa chỉ URL đã được chia sẻ.

Về cơ bản, Tweet Button là đoạn mã có thể được nhúng vào tài khoản Twitter của người dùng, từ đó cung cấp khả năng truyền (broadcast) nội dung là liên kết đến trang web, hình ảnh và nhiều loại dữ liệu khác. Theo Twitter, Tweet Button được xây dựng cho các nhà phát hành và hứa hẹn việc cài đặt sẽ rất dễ dàng.
Cách thực hiện đơn giản như sau:

Cách thực hiện

1. Trước tiên bạn truy cập vào Blogger > (Bảng điều khiển) Dashboard > (Thiết kế) Design > (Chỉnh sửa HTML) Edit HTML. Sau đó tick chọn tính năng (Mở rộng mẫu tiện ích)  Expand Widget Templates.
2. Tìm (Ctrl – F) đoạn code:

<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->

Mã Code chèn Tweet Button.

Dưới đây là mã chèn Tweet Button cho Blogger

<div style='align:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-via='vnpressnet' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if>
</div>

Chú ý: Code có thể khác code thực hiện bởi Twitter Tweet Button vì lý do code cho trên đã được tùy chỉnh để hiển thị đẹp hơn.

Vị trí đặt Tweet Button

1. Để hiển thị Tweet Button phía trên bài viết, ta chèn code Tweet Button vào phía trên

<data:post.body/>

2. Để hiển thị Tweet Button phía dưới bài viết, ta chèn code Tweet Button vào sau

<div style='clear: both;'/> <!-- clear for photos floats –>.

Để hiển thị có khoảng cách với bài viết, bạn thêm <br/> vào trước hoặc sau mã code Tweet Button tùy vào vị trí đặt.
Click (Lưu mẫu) "Save Template" để lưu lại quá trình đã thực hiện.

Tùy biến Tweet Button

1) Để thay đổi kiểu dáng của Tweet Button , Bạn thay đổi biến "horizontal" thành "vertical" hoặc "none" trong Mã Code chèn Tweet Button.

vertical

horizontal

none

2) Để thay đổi tài khoản Twitter account, thay đổi biến "vnpressnet" thành tài khoản Tweeter của bạn.
Như vậy, bạn có thể bắt tay vào tạo cho mình công cụ Tweet Button hiệu quả giống những công cụ hiện có khác như Dig của Digg.com, Like của FaceBook vả cả dịch vụ ShareThis.
Gửi bài viết này cho bạn bè qua Y!M: » Hướng dẫn tạo Tweet Button cho Blogger : http://f69dkm.blogspot.com/2011/12/huong-dan-tao-tweet-button-cho-blogger.html