Create Social Content Locker Using jQuery

It's only fair to share...Share on Facebook0Share on Google+0Tweet about this on Twitter0Share on LinkedIn0Pin on Pinterest0Digg thisShare on StumbleUpon0

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:


Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">