Về cái vụ ẩn nội dung sau đó bắt người dùng like +1 và Tweet để hiện nội nó lên, thì ở bài viết trước mình đã có một bài chia sẻ một đoạn code nho nhỏ được viết bằng jQuery để thực hiện vấn đề này nhưng tương đối là thô sơ, và mình cũng nói là minh sẽ chia sẻ một cái tốt hơn ở bài viết sau (bài này)
Như đã giới thiệu ở bài trước thì có 2 đoạn jQuery giúp giải quyết vấn đề này được bán trên themeforest đó là
Like 2 Unlock với giá 8$ và
Social Locker với giá 18$. Theo mình thì nếu có điều kiện thì nên mua vì nó có nhiều tính năng hơn bạn có thể xem qua ở
đây, và cái mà mình chia sẻ ở bài viết này là một phiên bản cũ của cái Social Locker đó.
Cái này thì cũng được nhiều người chia sẻ rồi nên cái này gọi là chia sẻ lại thôi, do đó có thể có nhiều bạn cũng sẽ không quan tâm cho lắm.
Hiện nội dung ẩn khi Like +1 và Tweet cho Blogger
Đầu tiên thì hãy chèn đoạn mã nhúng css sau lên trên thẻ </head>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js'/>
<link href="https:<script type="text/javascript" src="https://googledrive.com/host/0B04m_ldP5JJzcHh5LW9iQ2Y5RDA/sociallocker.js"></script>
nếu blog đã có mã nhúng jQuery rồi thì bỏ dòng đầu tiên đi nhé.
Bây giờ sau khi chèn xong thì khi đăng bài viết mới, hãy chuyển sang soạn thảo bằng HTML và đặt đoạn mã sau vào vị trí của nội dung bạn muốn ẩn để bắt người dùng Like, +1, Tweet.
<article id="default-usage">
<div class="to-lock" style="display: none;">
<div style="text-align: center; margin-bottom: 20px;">
NỘI DUNG CẦN ẨN
</div></div>
</article>
<div id="kslunlocker"> </div>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Nội Dung Đã Được Khóa",
message: "Hãy like - theo dõi - +1 để xem nội dung khóa."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
twitter: {
url: "http:text: "Upgrade your social buttons to get more social traffic!"
},
facebook: {
url: "https:appId: "131761626979828"
},
google: {
url: "http:}
});
});;;;
</script>
thì bạn để ý thì mình để 2 file js và css tại Google Drive, để phòng trường hợp đôi khi mình không còn khả năng lưu trữ 2 bọn nó trên tài khoản của mình nữa thì bạn có thể tải bọn nó xuống tại địa chỉ này
https://drive.google.com/#folders/0B04m_ldP5JJzcHh5LW9iQ2Y5RDA
sau đó bạn có thể up lại lên Google Drive của bạn qua hướng dẫn tại bài viết sau đây
và đặt lại vào thay thể link của ở 2 đoạn mã trên.
Lời kết
Đối với cái plugins bằng jQuery này thì có thể là bạn có thể kiểm được thêm nhiều Like, +1, Tweet cho trang website của bạn, và có thể chúng sẻ giúp bạn có thêm lưu lượng truy cập tại các mạng xã hội đó. Đối với mình, riêng ý kiến cá nhân của mình nhé thì mình luôn muốn những thứ đó đến một cách tự nhiên. Nếu nội dung của mình thực sự tốt hãy Like, +1, Tweet để ủng hộ còn nếu không thì mọi người có thể bỏ qua.
P/S: Chúc các bạn ngày càng kiếm được nhiều khách truy cập từ tiện ích này nhé.
Belum ada tanggapan untuk "Hiện nội dung ẩn khi Like +1 và Tweet cho Blogger"
Post a Comment