Ich fand dieses Arbeits Skript für das, was Sie tun müssen, um erste Backup Sie Vorlage.
dann HTML bearbeiten><head>
Tag suchen und diesen Code setzt nach <head>
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
Nach dieser Suche </head>
Tag und unter Code vor diesem Tag setzte
<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>
dies ist, wie Sie den Code in der Post verstecken editor
Gehe zu Post HTML bearbeiten und diesen Code hinzufügen
<article id="default-usage">
<div class="to-lock" style="display:none;">
Hello i am the hidden content
</div>
</article>
Ich implementierte dies in meinem Blog check demo
Es ist möglich mit jQuery und einige Web-Programmierkenntnisse wie CSS. – aflatoon