Why do you need it?
The reason we need this widget is free to make posts and lots of useful tips and visit our blog posts of people don't like or recommend our articles or pages. This is absolutely unfair to the blog. We refer to them, they don't like our page. So it is now we need an hour, there is such a small component or script, so people like us our page, so as to enhance our exposure in social networks. You may try many small parts on the Internet but in vain and no fruit. This approach will certainly work for you just follow it.
What will we do?
We will be adding a Jquery script so that people want to look at our article or our content, we have valuable time with us. We will be adding content locker, our social bookmarking, is Facebook, Twitter And Google + page.
1 Page Home full backups of all the templates, if any errors occur, you will be able to revert all changes to zero, from where you began this way. But I'm sure it will work for you.
2 Now GO to your blog, log and move to template section, click a template, and then click on edit HTML. Like in the picture below.
Blog template set
3. Now, this is part of the Trick. You need to make sure that Jquery scripts have been added in your HTML or not. In the HTML Section, click CTRL + f to open the search bar and search for the following HTML Script. If you found the following script in your HTML, and then add it again, but if there is no such script below and then having to manually add it <head> or after it.
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
<link href='http://cdn.rawgit.com/menightfury/social-locker/master/style.css' rel='stylesheet'/> <script src='http://cdn.rawgit.com/menightfury/social-locker/master/script.js' 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/PKHelper18"}, facebook: { like:{ url:"https://www.facebook.com/PKHelper18" }, share:{ appId:1644466799163691, url:"http://www.pkhelper.com/" }, }, google: {url:"http://www.pkhelper.com/"}, text: { header: "Like us To Unlock This Content", message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it." }, locker: {close: false, timer: 0,}, theme: "secrets" }); }); //]]> </script>
5 Now whenever you want to Hide some Content, either image, videos or article, Just paste the below HTML code in your HTML section of Post as described in the Video and Replace it with -Your Content-
<article id="default-usage"> <div class="to-lock" style="display:none;"> -- Your Content which you want to Lock or Hide -- </div> </article>
Note: If you like or Unlock the Locker Once, It will not appear for you on that page again within some time so Don't worry if it is not appearing again for you, it will be there for every newcomer.
If you want to Customizations in Social Content Locker. You can customize many things in an above locker. You can Change Locker Theme, Actions like " Like Us Follow Us Tweet Follow Recommend" and some others I will mention
Replace them with any of these in the code.
buttons: { order:[ "facebook-like","twitter-follow","google-plus" ] }, Below.
buttons: { order:[ "facebook-like","twitter-follow","google-plus" ] }, Below.
Heading and Message in Locker
Locker's Theme and Look
In the above code, we have selected secrets theme which is But You can also use below-mentioned themes
1.dandy
2.starter
3.glass
4.flat
Just Replace any of the above with the secrets in your code. So we have successfully added a social content locker blog on our blog, we also can be customized according to our wishes. What if you want to ask and then you can comment or ask in the comments.
