Social Locker for jQuery « In Action

In Action

In the example below the locker hides a part of an interesting article until the user clicks one of the social buttons. You can set any URL to like/tweet/share/follow/+1 for each button.

The Mystery of Edwin Drood

For sufficient reasons, which this narrative will itself unfold as it advances, a fictitious name must be bestowed upon the old Cathedral town. Let it stand in these pages as Cloisterham.

Attention-Grabbing Styles

The plugin comes with a set of impressive, polished styles which create interest and attract attention. They are nicely animated and don't look obtrusive. You can use 7 different social buttons: Facebook Share, Facebook Like, Twitter Tweet, Twitter Follow, Google +1, Google Share, LinkedIn Share.

#1 Dandyish. A very rich theme to attract maximum attention!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac pretium diam. Donec tempus nisi nec quam volutpat porta.

#2 Glass. Another nice preset theme for any background!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac pretium diam. Donec tempus nisi nec quam volutpat porta.

#3 Flat (new!). An extremely awesome theme based on the latest web technologies that will make your site a superstar! It's truly fascinating!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac pretium diam. Donec tempus nisi nec quam volutpat porta.

#4 Starter. The default theme, the most suitable for customization and creating your own style.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac pretium diam. Donec tempus nisi nec quam volutpat porta.

#5 Secrets is similar to the Flat theme.
(you have just seen this theme in the first example)

(+ NEW +) Blur or Make Transparent Your Content

The plugin enables you to use three modes of locking the content: full, transparency, blurring. Choose the option that works the best for you. The blurring feature is supported with all the browsers except IE 10-11 (In IE 10-11, the transparency mode will be applied automatically).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra eleifend orci, sit amet aliquet eros bibendum at. Duis ullamcorper sapien id sagittis suscipit.

Highly Configurable

The plugin is fully configurable. You can create your own custom style, change the locker message, language, buttons, them order and more. For example:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac pretium diam. Donec tempus nisi nec quam volutpat porta.

Helper Tools

The plugin provides a pair of helper tools: the Unlocking Timer and the Close Icon. You can use these optional features together or apart.

Some other features

The plugin is SEO friendly. Locked content is still available for search bots (Google, Bing, etc). But also you can use a special option to load content via AJAX to hide it in the source code for users and bots.
The locker works on mobile devices. If you want, you can show the locker only for desktop users and hide it for mobile users.
The plugin can be installed by a non-developer on any site with easy. For developers it provides convenient javascript events such as: ready, unlocked, etc.