social content locker for blogger.com blogs? is it possible

问题

How can I integrate social content locker in blogger blogs? We see in numbers of WordPress blogs and websites,
But in blooger.com blogs you see no plugin option

does anybody has another way or something like this? I Want visitor to like, tweet or g+ before reading my posts.

thanks

回答1:

I found this working script for this what you need to do is first backup you template.
then edit HTML >search <head> tag and put this code after <head>

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

After that search </head> tag and put below code before this tag

<link href='https://sites.google.com/site/menightfury/home/social-locker/public/sociallocker_v1.6.0.css' rel='stylesheet'/>
<script src='https://sites.google.com/site/menightfury/home/social-locker/public/sociallockermin_v1.6.0.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"]},

    twitter: {url:"https://www.facebook.com/www.mostsharedposts"},
    facebook: {url:"https://www.facebook.com/www.mostsharedposts"},
    google: {url:"https://plus.google.com/u/0/b/110589424466302901501/110589424466302901501"},

    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>

this is how to hide your code in post editor
go to post edit HTML and add this code

<article id="default-usage">
<div class="to-lock" style="display:none;">
Hello i am the hidden content
</div>
</article>

I implemented this in my blog check demo

来源：https://stackoverflow.com/questions/27619171/social-content-locker-for-blogger-com-blogs-is-it-possible

标签

wordpress-plugin

blogger

facebook-social-plugins