Tweet mở khóa nội dung ẩn sử dụng jQuery & Twitter API

Cũng giống như facebook, chia sẻ nội dung thông qua twitter là một trong những cách tuyệt vời để thúc đẩy lượng truy cập đến blog của bạn, góp phần tăng lưu lượng truy cập đến trang blog của bạn. Tương tự như bài chia sẽ Facebook để mở khóa nội dung Ẩn bằng cách sử dụng jQuery và Facebook API hôm nay xin chia sẽ cho bạn cách làm thế nào để tạo ra một Tweet đơn giản để mở khóa nội dung ẩn bằng cách sử dụng jQuery & Twitter API. với chức năng này sẽ cho phép đọc giả chia sẻ nội dung hay một thông điệp của bạn lên twitter và sau khi chia sẻ thành công, sẻ hiển thị nội dung ẩn mà bạn muốn chia sẻ cho họ.

- Xem Demo dưới đây:

Xem Demo

Xem thêm: Chia sẻ lên Facebook để mở khóa nội dung được ẩn sử dụng jQuery và Facebook API

- Bước 1: Thêm đoạn javascript dưới đây template của bạn (nên đặt trước thẻ </body>)

<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

- Bước 2: Thêm doạn mã dưới đây vào template:

<script type="text/javascript">
twttr.events.bind(
'tweet',
function (event) {
var secret_data = "<center><strong>Nội dung cần hiển thị!</strong></center>";
  jQuery("#results").html(secret_data);
  }
);
</script>

Khai báo thư viện jQuery (nếu template của bạn chưa có thì paste nó sau thẻ </head>)

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js' />

- Bước 3: Đặt đoạn mã HTML dưới đây vào bất kỳ nơi nào trong trang của bạn. Có rất nhiều kiểu hiển thị nút tweet cho bạn, xem thêm tại: https://dev.twitter.com/web/tweet-button

<div id="results">
  <a class="twitter-share-button" href="https://twitter.com/share"
   data-via="tv0656m006" data-text="Chia sẻ thủ thuật Blogger/Blogspot,..." data-size="medium" data-url="http://nhatchanh.info" data-count="vertical">
Tweet</a>
</div>

Thay đổi các dữ liệu:
        data-via="địa chỉ tweet của bạn"
        data-text="mô tả về blog của bạn"
        data-url="địa chỉ trang blog của bạn"

Hy vọng tiện ích này sẻ làm bạn thích, Chúc thành công!