Code nhấn like mạng xã hội để xem nội dung bị ẩn cho blogger ~ demotemplate

Code nhấn like mạng xã hội để xem nội dung bị ẩn cho blogger

Hiện nay mạng xã hội đang rất phổ biến, điều này làm cho các website bắt đầu hướng đến sử dụng những tiện ích nhằm tăng sự tương tác với độc giả. Nhưng việc này khá là khó, 1 phần là do không có thói quen like hoặc share khi đọc được 1 bài hay hoặc là sử dụng các ứng dụng không đúng cách.

Hiện nay, rất nhiều website, blog đã sử dụng cách thức ẩn nội dung quan trọng và yêu cầu độc giả nhấn like facebook, +1 hay tweet để có thể xem được nội dung. Cách này thực sự đem lại hiệu quả với những bài viết hay, bổ ích. Mình thấy cách là này khá hay và đã tìm hiểu thì biết đến 1 tiện ích của mybloggerlab để khóa nội dung dựa trên like của độc giả.

Cách để ẩn nội dung thực hiện like mạng xã hội để xem

Bước 1: Sao lưu template của bạn đề phòng trường hợp xấu nhất bằng cách vào mẫu=>Sao lưu/Khôi phục. Download template hiện tại của bạn về máy.

Bước 2: Vào blogger=>Mẫu=> Chỉnh sửa HTML

Bước 3: Tìm đến thẻ </head> (có thể sử dụng tổ hợp ctrl+f để tìm) sao chép đoạn code sau đặt vào phía trên

<link href='https://dl.dropboxusercontent.com/u/137869302/lockercss.css' rel='stylesheet' type='text/css'/>

Lưu lại và thực hiện bước thêm tiện ích này vào bài viết

Sử dụng trong bài viết

Vào bài viết mới. Đổi sang trình soạn thảo HTML sau đó sao chép đoạn code 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;">
<img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />
</div>

<div style="text-align: justify">
Add Your Hidden Text Here
</div>



</article>
</div><div id="mblunlocker"> </div>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/lockers.js"></script>

<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({

text: {
header: "Share it To Unlock This Content",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},

style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},

// twitter options
twitter: {
url: "http://www.socmobile.net",
text: "Upgrade your social buttons to get more social traffic!"
},

// facebook options
facebook: {
url: "http://www.facebook.com/socmobile.net",
appId: "418044881593120"
},

google: {
url: "http://www.socmobile.net"
}
});
});;;;
</script>

Chỉnh sửa:

Facebook: Thay đổi http://www.facebook.com/mybloggerlab bằng url fanpage của bạn hoặc trang cá nhân
Google: Thay http://www.socmobile.net thành url website của bạn. Lưu ý là nếu để URL trang web thì nó sẽ hiển thị tổng số lần +1 của trang. Còn URL bài viết thì chỉ hiện số lần +1 của bài viết.
Tweeter: Thay http://www.socmobile.net thành trang tweeter của bạn
Thay Add Your Hidden Text Here bằng nội dung bạn muốn ẩn.
Thay Add_Hidden_Image_Here bằng hình ảnh bạn muốn ẩn.

Cuối cùng là:Thay 418044881593120 thành App ID facebook của bạn. Nếu không biết cách thì hãy tham khảo cách tạo App ID facebook ở phần một tại đây nha

Hoàn tất. Chúc các bạn thành công