Cách ẩn nội dung sau khi like, +1, tweet mới hiện ra

Bạn muốn khóa ( ẩn ) 1 đoạn nội dung, code hay link nào đó và bắt người đọc phải nhấn like facebook, google +1 hoặc tweet mới cho hiện ra. Thật đơn giản với 2 bước sau :

1. Chèn đoạn mã sau vào trước thẻ đóng </head> trên website hoặc blog :
<link href='https://googledrive.com/host/0B7uLrL2gMy-4MkVwM3NxeWQ1MjA/' rel='stylesheet' type='text/css'/>
2. Mỗi khi viết bài mới, bạn chuyển sang HTML và gắn đoạn mã phía dưới vào :
<article id="default-usage">
<div class="to-lock" style="display: none;">
<div style="text-align: center; margin-bottom: 20px;">
<!--Khu vực nội dung ẩn-->
Nội dung bạn muốn ẩn
<!--Kết thúc khu vực ẩn-->
</div></div>
</article>
<div id="kslunlocker"> </div>
<script type="text/javascript" src="https://googledrive.com/host/0B7uLrL2gMy-4aUJ3RkkxZmhyVUU/"></script>
<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 options
twitter: {
url: "http://twitter.com/user",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "https://www.facebook.com/user",
appId: "1234567"
},
google: {
url: "http://hoanghopseo.blogspot.com"
}
});
});;;;
</script>

1 comment :