Share like post Facebook để mở khóa nội dung bằng cách sử dụng jQuery & Facebook API cho blogspot
April 19, 2019 #BloggerSau đây là hướng dẫn cách khóa nội dung chia sẻ yêu cầu like, share bài viết mới mở khóa-Share post Facebook để mở khóa nội dung bằng cách sử dụng jQuery & Facebook API cho blogspot
Bước 1
<div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=xxxxxxxxxx&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
Bước 2
<script src='//www.prismascacchi.com/locker/js/pandalocker.2.1.0.js?6'/><link href='//www.prismascacchi.com/locker/css/pandalocker.2.1.0.min.css' rel='stylesheet' type='text/css'/><script>jQuery(document).ready(function ($) {$('.to-lock').sociallocker({text:{header: 'Nội dung này bị khóa',message: 'Hãy ủng hộ chúng tôi, sử dụng một trong các nút bên dưới để mở khóa nội dung.'},theme: 'flat',facebook:{appId: 'xxxxxxxxxxxx'},buttons:{order: ["facebook-like","facebook-share","twitter-tweet"],counters: false,lazy: true}});});</script>
order: ["facebook-like","facebook-share","twitter-tweet"],Bạn nên tải các file js và css về và up lên host riêng của mình để dùng lâu dài.
Bước 3
Khi sử dụng bạn dùng HTML sau đặt vào bất kể chỗ nào trong bài viết mà bạn muốn<div class="to-lock" style="display: none; background-color: #f9f9f9; text-align: center;"> Nội dung cần khóa </div>Nguồn: prismascacchi.com