Tuesday, 16 February 2016

Create Social Content Locker Using jQuery

social content locker jquery
We are using social networking websites to share our article and ideas. However we are also using networking websites to boost our website traffic. We saw a website where main content has been locked and the message appears The content is locked! Please like us to unlock content.  We have found the jQuery plugin through which we can make this functionality. We have used social media button Twitter, Google Plus, Facebook and LinkedIn. These buttons hide the actual content and once visitor perform any button action its hide all the button and show the actual content. It also creates a cookie on our browser so that we will get content every time until cookie available in our browser.
 
 
So first we will include jQuery library and social locker plugin:

Initialize Social locker:

Content which we want to lock:

1
2
3
4
5
6
 
<div id="form" class="result">
    <div class="to-lock-1" style="display: none;">
        <p>StepBlogging is a Web Magazine for Business, Mobile, Technology.One of the best ways to Learn and share about Technology, Business, Finance, Telecom, Mobile.</p>
    </div>
</div>

No comments:

Post a Comment

Hit me with a comment!