How To Use Content Locker Widget In Blogger

Taking after utilizing various offering gadget to your blogger, is your social exposure is inside of the lower viewpoint? Do you imagine that that people read your articles, however regardless of sharing or loving your articles, they just read alongside leave? Are there an inclination which they totally disregard whether your site has guests or not. Indeed, in of which case you ought to drive your per users to like or share your page to find your articles. This is likely the best strategies to expand your social guests, particularly for anybody configuration sites that discloses to you free resources.

Locking the entire page through some turn up most likely the genuine most noticeably bad thought on the grounds that this neglects to showcase the estimation of your articles. That is definitely why this locker is intended to bolt a particular part of one's page rather than the whole site. It can undoubtedly bolt any piece of your site page and will be executed boundless times for a passing favor page. You can even change the outline of this locker for a custom style.

NOTE: i recommended you that back up your template before proceeding

Lets Start:

Step 1: In Template click 'Edit HTML'

Step 2: Now ensure that JQuery lib. is already added in your blogs Template, if not than write the below code in just below " <Head> "

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

Installation:

Step 3: Now search for " </head> " by pressing "ctrl+f" button and paste the following below code just above the " </head> " tag.

<link href='http://cdn.rawgit.com/menightfury/social-locker/master/style.css' rel='stylesheet'/>
<script src='http://cdn.rawgit.com/menightfury/social-locker/master/script.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#default-usage .to-lock').sociallocker({

buttons: {order:["facebook-like","twitter-tweet","google-plus"]},

facebook: {url:"https://www.facebook.com/howtodotricks"},
twitter: {url:"http://twitter.com/How_To_Do_Trick"},
google: {url:"https://plus.google.com/107075113490225232173"},

text: {
header: "This Content Is Locked",
message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it."
},

locker: {close: false, timer: 0,},
theme: "secrets"
});
});
//]]>
</script>

Step 4: Customization

"facebook-like"

"facebook-share"

"google-plus"

"google-share"

"twitter-follow"

"twitter-tweet"

"linkedin-share"

now you just need to change the following with yours

https://www.facebook.com/howtodotricks
http://twitter.com/How_To_Do_Trick
https://plus.google.com/107075113490225232173

Themes:

Starter:

Glass:

flat:

secrets:

dandyish:

note: default theme is set to "secrets", change it with you want

Timer Customization:

if you want to close your social locker after some time, than change the "timer: 0,}" 0 with how much time you want.

Closing customization:

if you want to add close button than change code from " close: false " to " close: true " and save template the button will appears at the right upper corner.

How To Lock The Content:

<article id="default-usage">
<div class="to-lock" style="display:none;">

---lock content here---

</div>
</article>

Watch Video Tutorial:

8 comments:

Blioth CrossAugust 1, 2015 at 4:00 PM
Hola, muy buen aporte pero tengo problemas con la casilla de facebook no consigo que funcione reemplazo el link y me sale en la casilla error. ¿Que puedo hacer?
Ganda BachaOctober 10, 2015 at 7:41 PM
Not working dude i apply same to same but social locker did not show up same error in your video time 6:32 check it please i put it all code as well
UnknownMarch 24, 2016 at 6:27 AM
my business wanted a form a few days ago and encountered an online service with lots of fillable forms . If you need it too , here's a http://pdf.ac/9Yad8Q
Marshall UnduemiApril 3, 2016 at 2:14 AM
No working for me as well same procedure... my site www.codexpresslabs.info
Wen07June 6, 2016 at 9:50 AM
hola amigo, hay problema con la casilla de facebok, sabes como solcionarlo?
АдминистраторJuly 2, 2016 at 7:13 AM
this method is very very bad and not work. And do not be so naive. And now I will say in Russian. Этот метод дерьмо собачье и он не работает для blogger потому что это плагин для wordpress!!!!
AlexJune 1, 2017 at 6:08 PM
nossa porque com o facebook esta dando erro!?