Blogging Tips

How To Create a Social Content Locker in Blogger Blog In Hindi

Ways to Create Social Content Locker or Social Locker Plugin in Blogger Blog

Social Content Locker
हाय दोस्तों, स्वागत है आपका हमारे इस Blog पर , क्या आप जानते की Blogger Blog में Social Content Locker  कैसे बनाया जाता है,तो चलिये जानते है Step by Step इस Hindi Tutorial के जरिए.

दोस्तों सबसे पहले जानते है की :

What is a Social Content Locker?  

आसान शब्दो में कहें तोह Social Content Locker एक ऐसा Plugin है जिसका इस्तेमाल Bloggers अधिक से अधिक Follow या Share पाने के लिए करते है।  

How to use Social Content Locker?

Social Content Locker can be used by two ways:

  1. Sidebar Widget
  2. Anywhere in website using SHORTCODE

Social Content Locker is supporting three types of content to unlock

  1. Image
  2. URL/Link
  3. Content

Most Powerful Features of Social Content Locker

  1. Follow us to unlock Content
  2. Share us to unlock Content
  3. Rate us to unlock content
  4. Vote X times to unlock content
  5. Fill out the form to unlock content
  6. Play an advertisement video to unlock content
  7. Become an member to unlock content
  8. Follow us to unlock Content 

Way to Create a Social Content Locker in Blogger Blog:


  • "Template" में जायें और "Edit HTML" पर क्लिक करें
  • </head> को Search करे और ठीक इसके ऊपर jQuery library को Add करे
    ध्यान रखे की अगर jQuery library पहले से ही आपके Template में मौजूद है तो आप इस स्टेप को छोड़ दे 
    <script src=’‘ type=’text/javascript’/>
  • </head> को फिर से Search करे और ठीक इसके ऊपर निचे वाले कोड को Add करे 
<link href=’’ rel=’stylesheet’/>

<script src=’’ type=’text/javascript’/>

<script type=’text/javascript’>

jQuery(document).ready(function ($) {

$(‘#default-usage .to-lock’).sociallocker({
buttons: {order:[“facebook-like”,”twitter-tweet”,”google-plus”]},
twitter: {url:””},

facebook: {url:””},

google: {url:””},

text: { header: “Like us To Unlock This Content”,

message: “This content is locked. Like us on Twitter, Facebook or Google plus to unlock it.” },
locker: {close: false, timer: 0,},

theme: “secrets”
  •  अब आप Blue Line को Replace करें और सेव कर दे। 
  • जब भी आप इस लॉकर को अपने किसी भी ब्लॉग पोस्ट या पेज में दिखाना चाहते हैं, तो बस इस कोड को अपने HTML Blog Post Editor में जोड़ें। 
<article id=”default-usage”>
<div class=”to-lock” style=”display:none;”>
नोट : दोस्तों अगर आपको कोई परेशानी हो रही हो तो प्लीज कमेंट बॉक्स में लिखे।

और हाँ दोस्तों , अगर आपको ये पोस्ट पसंद आई हो तो इसे अपने दोस्तों के साथ Share करे, Follow करे  और Sign Up करे |

About Amit Kumar

Hi. I’m a Founder of Bindass Entertaintment.Let's Search many thing here Like Photos,News,Gossips,Blogging Tutorials,SEO Guide and Much More..

Subscribe us to get all our juicy Stuffs fastly

Just enter your email id below


Post a Comment

Powered by Blogger.

Get Updates On

See & Premium Pics

Free Widgets & Plugins

Unlock Blogging Success

Premium Resources

Straight Into Your INBOX!

We are going to send you our resources for free. To collect your copy at first, join our mailing list. We are promising not to bother you by sending useless information. So don't miss any updates, stay connected!