Hola amigos, hoy les traigo una herramienta para todos aquellos que tienen un blog y desean ocultar de manera "premium" su contenido solo siendo desbloqueado mediante un like de sus seguidores.
¿Cómo instalarlo?
¡Fácil! Lo único que tienes que hacer es crear una nueva entrada en tu blog, ponerlo en modo HTML y editar el código (Sin mover nada importante) que te dejaré enseguida:
¿Cómo instalarlo?
¡Fácil! Lo único que tienes que hacer es crear una nueva entrada en tu blog, ponerlo en modo HTML y editar el código (Sin mover nada importante) que te dejaré enseguida:
<html>
<head>
<link href="https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/compartir.css" rel="stylesheet" type="text/css"></link>
</head
<body>
<!--Aquí abajo pones el contenido vá antes de los links de descarga-->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk');</script>
<article id="default-usage">
<div class="to-lock" style="display: none;">
<!--Aquí abajo empieza el contenido oculto (Puedes utilizar HTML)-->
</article>
</div>
<script type="text/javascript" src="https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/LOCKE.js"></script>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock".socialLock({
text: {
<!--Texto que aparecerá en el recuadro-->
header: "Editame, soy un encabezado.",
message: "Edítame, soy el mensaje."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"] },
// twitter options
twitter: {
<!--Aquí pones la URL de tu página de facebook o lo que quieras que se comparta-->
url: "Aquí vá la URL que quieres compartir",
text: "Aquí pones el título de la entrada."
},
// facebook options
facebook: {
<!--Aquí pones la página de facebook que recibirá likes. El appId se consigue en developers facebook-->
url: "Tu página de facebook",
appId: "1483635628607441"
},
google: {
url: "Aquí vá la URL que quieres compartir"}});});;;;</script>
<!--Modificado y reparado por BurdelKing para Taringa-->
</body>
</html>
Aquí puedes ver una prueba del resultado:
Aquí puedes obtener tu AppId de facebook:
¡Si te ha resultado interesante comparte con tus amigos!