Also Read

How To Create Social Content Locker In Blogger?

Blogger is a main and biggest free writing platform for a blogger. Blogger has many elements that assist us with creating and make a nice blog. So today, you will get to know from this article how to create a social content locker in blogger.

A couple of years back, there was a lot of differences between WordPress and blogger, as we can involve WordPress as self-facilitated, so it was more adaptable on the grounds that many aspects are accessible.

However, Now Blogger has acquainted many elements that helps to make a nice blog. Blogger is important for Google Inc. So every one of the site owner are facilitated on Google servers. So we don't have direct admittance to the data set. That is the reason we can make huge improvements to our blog.

By using this gadget, we can secure any of the substance in our content with social symbols. The Social Content Locker Widget module comprises of Jquery.

There are various styles accessible for this gadget. We can change symbols, style as we need to do. Be that as it may, the basic role of this module is just satisfied locking with the social button. So here is the method for including Social Content Locker Widget a blogger blog.

What Is Social Content Locker?

Social content locker includes denying admittance to a specific piece of content until a guest finishes an expected activity.

Most frequently, this activity includes finishing supported proposition or sharing object on friendly destinations like Facebook, Twitter, Google, and so on. When a guest finishes the expected activity, the substance "opens" and opens up.

The content that you lock by means of social content locker can be anything advanced like melodies, blog entries, articles, applications, recordings, pictures, formats, pieces of code, online classes, eBooks, and so forth. Your desired object to lock must be of an incentive for your visitors.

Today we will know how to create social content locker in blogger with few steps.

How Do I Create Social Content Locker In Blogger?

Step 1: 

Go to Blogger dashboard.

Step 2: 

Click on Theme > Customize > Edit HTML.

Step 3: 

Click anywhere in the code are press Ctrl + F.

Step 4: 

Search for </head>.

Step 5: 

Copy the below code and paste it above </head>.

 

<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

(If the above code is already added then just skip this step)

Step 6: 

Now copy the below code and paste it above </head>.

<link href=’https://doc-0s-7k-docs.googleusercontent.com/docs/securesc/46mevca208h20kh59uvtk55q7dku0d9l/v6vg0hu920bn8rogntsjv4agqgusqopu/1495785600000/08960062118141305201/08960062118141305201/0B-tTrbz0ZUcpY0pZbFV3VVVkYlk?e=download&nonce=f563ii5mtg2pa&user=08960062118141305201&hash=avg6o490n12qh189t9rta5aogtdan51o’ rel=’stylesheet’ type=’text/css’/><script src=’https://doc-0c-7k-docs.googleusercontent.com/docs/securesc/46mevca208h20kh59uvtk55q7dku0d9l/v7nm805i6a1hb50d5vnukjfjg7jqsq0p/1495785600000/08960062118141305201/08960062118141305201/0B-tTrbz0ZUcpVzdUZk14MFEyUVk?e=download’ type=’text/javascript’/><script type=’text/javascript’>//<![CDATA[ $(function(){ $(‘.socialLocker .to-lock’).sociallocker({ buttons: {order:[“facebook-like”,”twitter-tweet”,”google-plus”]}, twitter: {url:”http://twitter.com/mybloggerguides“}, facebook: {url:”https://www.facebook.com/mybloggerguides“}, google: {url:”https://plus.google.com/+MyBloggerGuides“}, 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” }); }); //]]></script>

Customization:

(Replace your twitter, facebook and google plus account.)

Step 7: 

Save the theme. Not yet done.

Step 8: 

Now create a new post on HTML view.

Step 9: 

Copy the below code and paste it into the HTML editor.

<article class="socialLocker"> <div class="to-lock" style="display:none;"> -- Add Your Hidden Text Here -- </div> </article>

Step 10: 

Now replace the -- Add Your Hidden Text Here -- with the part of content you want to be hidden.

You are done.

Conclusion

Hope you have successfully added these codes on your blog. If you like this way to add social content locker in blogger, please share it to your friends.