SocialLocker Maker Tool

Social Content Locker Generator is an online tool that helps you to generate locker code to lock any content on your website. Using This Tool You can Increase your followers on social media sites.

This Social Locker Generator Tool supports many functionalities that can be switched according to your requirements.

SocialLocker Maker Tool is here for you to make sociallocker for your website.

Make socialLocker for your blogger site of any other cms sites.

This is a demo of how your content will be locked while using this sociallocker.

• Locker Settings
• Buttons Settings
• Code
• Help

CSS Selector

Put . before selector and don't use special character

Locker Header

Locker Message

Please support us, use one of the buttons below to unlock the content.

Theme

Starter Secret Flat Dandish Glass

Overlap Mode

Full Transparancy Blurring

Overlap Position

Top Middle Scrolling

Blurring Intensity

1 2 3 4 5 6 7 8 9 10

Timer Interval

Close Icon Google Analytics Show Always

Social Buttons

• Facebook Like

  URL to like

  Button Title

  I see the "confirm" link after a like.
• Facebook Share

  If you get any errors when enabling or using the Facebook Share button, make sure that you registered a Facebook App for your website correctly.

  URL to share

  Facebook App ID

  Button Title

• Google +1

  URL to +1

  Button Title

• Google Share

  URL to share

  Button Title

• Twitter Tweet

  Due to Twitter API limits, the locked content may be accessible for visitors who close the Tweet dialog without sharing.

  URL to tweet

  Tweet

  Via

  Button Title

• Twitter Follow

  User to follow

  Button Title

• Linkedin Share

  Due to the technical bug on the LinkedIn side, the locked content may be accessible for visitors who close the share dialog without actual sharing.

  URL to share

  Button Title

• Youtube Subscribe

  If you get any errors when enabling or using the YouTube button, make sure that you registered a Google App for your website correctly.

  Channel ID

  Google Client ID

  Button Title

Language of Buttons

English Catalan Czech Welsh Danish German Basque Spanish Finnish French Galician Hungarian Italian Japanese Korean Norwegian Dutch Polish Portuguese (Brazil) Portuguese (Portugal) Romanian Russian Slovak Slovenian Swedish Thai Turkish Kurdish Simplified Chinese (China) Traditional Chinese (Hong Kong) Traditional Chinese (Taiwan) Afrikaans Albanian Armenian Azeri Belarusian Bengali Bosnian Bulgarian Croatian Dutch (Belgie) Esperanto Estonian Faroese Georgian Greek Gujarati Hindi Icelandic Indonesian Irish Javanese Kannada Kazakh Latin Latvian Limburgish Lithuanian Macedonian Malagasy Malay Maltese Marathi Mongolian Nepali Punjabi Romansh Sanskrit Serbian Somali Swahili Filipino Tamil Tatar Telugu Malayalam Ukrainian Uzbek Vietnamese Xhosa Zulu Khmer Tajik Arabic Hebrew Urdu Persian Syriac Yiddish Guarani Quechua Aymara Northern Sami Pashto Lazy Loading (beta) Show Counters

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="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://rawcdn.githack.com/softwebtuts/softwebtuts.com/master/jquery.ui.highlight.min.js"></script>
<script src="https://rawcdn.githack.com/softwebtuts/softwebtuts.com/master/pandalocker.2.1.0.js"></script>
<link type="text/css" rel="stylesheet" href="https://rawcdn.githack.com/softwebtuts/softwebtuts.com/master/pandalocker.2.1.0.min.css"/>

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
</div></article>

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.

• More Options
• Creating Facebook App
• Getting Google Client ID
• Using Events
• Using Ajax
• Troubleshooting

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.