Menu
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
954
Super Social Content Locker The Super Social Content Locker is all about providing access to website content once users share links to your site on the social media platform of their choice.
Blogger review summary: our final thoughts Blogger is one of the original internet publishing platforms. It's really simple to use, it's completely free and it gives beginners and seasoned users alike a great way to build up blogs. If you're interested in writing a blog, Google's Blogger is a great place to start.
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
185
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
