I have explained step-by-step everything that you must know to add this social locker in Blogger blog. It will not work if you do not follow these steps correctly. Besides, I also have written steps to change or add more social buttons, locker theme, add countdown time and to add or delete close button.

First of all make a backup of your template before making modification and editing. If you are a newbie and do not know how to backup, then follow this step.

Open your Blogger dashboard and select your blog where you want to add a social content locker. Go to Template and click on Backup/Restore button to go ahead to make a backup. You can find this button on the top right side placed beside gear icon. Now click on Download Full Template.

Now it’s time to add stylesheet and javascript source codes. So that the social locker widget will fetch all CSS style and javascript functions from the source code link. In the Template page, click on Edit HTML. Now copy the given code and paste it after the tag.

One more thing, sometimes widgets does not work as many of the blogger templates does not include Jquery source link. Search for the above code if it is not in Template HTML editor then paste it after tag. For more information about jQuery click on the given button.

Now let’s make some changes in the widget functionalities. Follow the below sub-steps to change social profile links, countdown time and to add a close button for instant unlock. 

Changing Social Profiles

In the javascript codes, I have highlighted the social links with different colors. The blue color is as usual for Facebook, deemed sky color for Twitter and red colored for Google. Change the profile links with your website page or profile links.

Adding More Social Buttons

By Default, this widget include only three social button. But you can replace or can add more buttons.To replace or reorder social buttons, search for buttons: { order:[ “facebook-like”,”twitter-follow”,”google-plus” ] } in the given codes and change it or reorder it with the below code.

Use the Following Code:

• For Facebook Like: “facebook-like”
• For Facebook Share: “facebook-share”
• For Google Share: “google-share”
• For Google Plus: “google-plus”
• For Twitter Tweet: “twitter-tweet”
• For Twitter Follow: “twitter-follow”
• For Linkedin Share: “linkedin-share”

Adding Countdown Time

This social content locker also supports countdown function. The visitor can wait for specified time to unlock premium content. If you want to turn on or off this feature, then follow me. Search for “timer: 150” or you can see the bold code in given social locker codes. I have added 150sec in the countdown. Add your desired time. Change the number to 180 if your want to add 3mins. No need of adding seconds or minutes with a number. To turn off this function replace it with 0.

Adding Close Button

In this social content locker, you can add a close button. So, that visitor that close it and will get data without waiting or giving share or link to your website. Above in the codes, I have made “close:1” code italic and bold. So, you can find it easily. Close:1 means that the close button is on. To turn off this function replace 1 with false.

Editing Content Header and Message

You also have the ability to change social locker header and message area. Search for “header: “Like us To Unlock This Content”,” to change header text and change the text given in double quotation. You can find message area after the header text and change text given in double quotation.

Changing Theme

This Social Content locker is available in 5 Themes. These themes are secrets, dandyish, starter, glass and flat. To change your blogger social locker theme search for theme:”secrets”. Secrets theme is by default. Change “secrets” with any of the given theme name.

Now everything that was needs to activate locker is done. It’s time to add it in Blogger posts for first use. To get HTML codes expand the tab and copy all of the HTML codes and paste it in Blogger post. Do not forget to change editor from compose to HTML. I have bold the text. Replace this text with your premium content or download link. Check out in the below snapshot.

Publish the Post after adding a social locker in the post editor. View your post and check that it is working correctly. In case, if it is not working contact me, I will be happy to help you.

Pros

1. Google Algorithms also count social shares and likes in SERP(Search Engine Result Page). There is a chance of getting a good position in Google search result if you have hundreds of social shares. So, social shares represent that content is helpful, so, therefore, viewers are sharing it.

2. Using Social locker for blogger can also help you to increase page views and subscribers. If someone share your article, then his friends on the social network can click on shared post. On the other hand, if someone like your page then he/she will get all pf your shared posts and status.

Cons

1.The viewers must like or share the post even if they do not like the article. Or the viewer must wait until countdown time.

2.It makes a bad impression on the audience sometimes.

Social Content Locker is a good way to get social shares and likes. But sometimes it makes a bad impact on the visitor. So everything has its pros and cons. According to me, it is best for those websites which provide free contents even it is also best for those who upload and provide free movies.

I do believe, this tutorial was helpful and understandable. Do not forget to share this post on social networks if it works for you. Drop a comment to let me know if this social locker is working on your blogger blog.