SocialLocker Maker Tool

Table of Contents [Show]

CSS Selector

Put . before selector and don't use special character

Locker Header

Locker Message


Overlap Mode

Overlap Position

Blurring Intensity

Timer Interval

Social Buttons

Language of Buttons

This is the generated code which you have customized now you can copy it and use it. To use this code follow the steps provided below and do as it is said.

1. Include jQuery and the plugin files in to your page

Copy the code below and paste if just before </head>.
<script src=""></script>
<script src=""></script>
<script src=""></script>
<link type="text/css" rel="stylesheet" href=""/>

2. Generate And Paste Locker Code

Then paste the locker code (after the code above and before the tag </head>). Don't forget to apply the CSS selector you set (by default, the CSS class 'to-lock') to content you wish to lock.

3. How to lock content ?

Copy the following code and replace Place Your Content Here with your content which you want to lock and replace YourClassSelector with your class.
<article id="default-usage">
<div class="to-lock" style="display:none;">
Content To Be Locked Here
If You have any difficulty while making sociallocker watch this video below or contact me i am here to help you.
Watch Video On Youtube These are some required articles that might help you to do different things that I have done and shown in the above video.

How To Use Social Content Locker Generator Tool?

To Use social content locker generator tool you don't need to have any kind of expert knowledge. You can generate social content locker even if you are a beginner.

Working of Social Content Locker Generator:

The working of this tool is very simple as described above. It will allow you to lock content on your website.

Supported Platforms:

This was a Wordpress plugin that I converted to an online tool that can be used on any platform. I mean You can use it in all platforms some are listed below:
  • Blogger
  • Wordpress
  • Joomla
  • Wix

How to use social locker code:

The code generated can be used easily as describe but if you still don't know how to use it watch the video.
“Hustle in silence and let your success make the noise.”

Related Posts

Post a comment