Hiện nội dung được ẩn khi like mạng xã hội cho blogspot

Đại đa số blogger đưa blog/website của họ tăng lượng độc giả truy cập lên là nhờ các mạng xã hội hiện nay. Và trước kia mình đã từng giới thiệu nhiều cách khác nhau để liên kết với các trang mạng xã hội này, tuy nhiên điều này không mang tính chất "ép buộc" lắm thì phải, vì vậy số lượng like hay +1 cũng không như mong muốn lắm. Vì thế hôm nay mình sẽ giới thiệu đến độc giả của StarTuan Blog một cách khác đó là chỉ hiện nội dung ta muốn ẩn khi độc giả click một trong số các nút Like, +1 của 3 nhà mạng xã hội lớn.

Tất nhiên ta chỉ nên ẩn những nội dung "cần ẩn" ví dụ như "Hãy like nếu bạn đủ 18 tuổi để xem nội dung này" hay "Like để download" chẳng hạn. Đừng nên lạm dụng chức năng này quá sẽ gây phiền hà cho độc giả của mình để rồi chịu hậu quả ngược lại Và để xem nội dung của bài viết bạn hãy click một trong số các button bên dưới nhé =))

Demo

Hiện nội dung ẩn khi Like +1 và Tweet cho Blogger

Đầu tiên thì hãy chèn đoạn code sau lên trên thẻ </head>

<link href='https://googledrive.com/host/0B_vY34xc0VjNLW9FaFpNM1NjLTg' rel='stylesheet'/>

<script src='https://googledrive.com/host/0B_vY34xc0VjNaS1sRURYR1AyRjA' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#default-usage .to-lock').sociallocker({

buttons: {order:["facebook-like","twitter-tweet","google-plus"]},

twitter: {url:"http://twitter.com/tntuan2308"},
facebook: {url:"https://www.facebook.com/admin.startuan"},
google: {url:"http://startuan.blogspot.com"},

text: {
header: "Nội Dung Đã Được Khóa",
message: "Hãy like - theo dõi - +1 để xem nội dung khóa."
},

locker: {close: false, timer: 0,},

theme: "dandyish"

});
});
//]]>
</script>

Cách Thêm Social Content Locker vào bài viết Blog Post

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;">
- NỘI DUNG CẦN ẨN -
</div>
</article>

Để thay đổi thứ tự các nút đơn giản các giá trị ​​Với mỗi khác.

" facebook-like "
" facebook-share "
" google-plus " 
" google-share " 
" twitter-tweet "
" twitter-follow " 
" linkedin-share "

Bây giờ Thay thế Các URL Thành URL của riêng bạn

http://twitter.com/tntuan2308
https://www.facebook.com/admin.startuan
http://startuan.blogspot.com


Bước tiếp theo là để thay đổi các theme của Content Social Locker.

theme: "dandyish"

Các bạn có thể thay dandyish thành các theme sau :

"flat" 
"glass"
"starter"
"secrets"
"dandyish"