Content Locker para blogger (desbloquear con una acción social)

 Desde mi punto de vista lo que os voy a publicar es una gran estrategia respecto a las redes sociales, bloquearemos nuestro contenido más especial, y se podrá desbloquear realizando una acción social.

content locker
¿ Como se consigue esto? Pues muy fácil tan solo debemos bloquear nuestro contenido "exclusivo" y el usuario que quiera ver ese contenido deberá marcar 'Me gusta', hacer un 'Tweet' o darnos un '+1'

Pasos para añadir nuestro Content Locker a nuestro blog:

Vamos a nuestra plantilla>> Editar HTML y antes que esta palabra </head> colocamos el siguiente código :
<link href='http://newblogger-tricks.webege.com/locker.css' rel='stylesheet' type='text/css'/>
Ahora vamos a nuestra entrada y en donde queramos poner nuestro Content Locker pegamos el siguiente código HTML (este paso se repite según en las entradas que queremos ponerlo y editamos las zonas repasadas amarillas):

<article id="default-usage">
<div class="to-lock" style="display: none;">
<!--Hidden Content Starts (You can Use HTML BELOW)-->
<div style="text-align: justify;">
Texto a añadir, enlace, video o imagenes
</div>
<br />
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</div>
</article>
<br />
<div id="mblunlocker">
</div>
<script src="http://newbloggertricks.googlecode.com/svn/lock.js" type="text/javascript"></script>

<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Contenido bloqueado por MejorBlogger.com",
message: "Para desbloquearlo realiza una acción social ;)"
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://www.mejorblogger.com/",
text: "Que pasada es Mejor Blogger, muchas técnicas para blogger"
},
// facebook options
facebook: {
url: "https://www.facebook.com/mejorblogger",
appId: "1556372721285393"
},
google: {
url: "http://www.mejorblogger.com/"
}
});
});;;;
     
</script>

Y si queréis conocer más sobre mi desbloquear el siguiente ejemplo y veréis algo de hace mucho tiempo :) 







9 Responses to "Content Locker para blogger (desbloquear con una acción social)"

  1. hola muy buen aporte pero cuando lo pego justo antes de head meda error que pasara :/ :(
    lo quiero implantar en mi blogger

    ResponderEliminar
  2. hola muy buen aporte pero cuando lo pego justo antes de head meda error que pasara :/ :(
    lo quiero implantar en mi blogger

    ResponderEliminar
  3. Hola, me gustaría que actualices el código, ya que no se ve el boton de like de facebook

    ResponderEliminar
    Respuestas
    1. Hola Jose, estamos trabajando en el para actualizar el boton de Like, ya que Facebook a realizado modificaciones y nos ha afectado a nuestros códigos.

      Eliminar
    2. Hola, amiga. ¿Ya habéis actualizado el código?

      Eliminar
  4. Hola gente, alguien me ayudaria a hacerlo en mi blog? porfavor? muchas gacias

    ResponderEliminar
  5. Did you know that you can make money by locking special pages of your blog / site?
    To begin you need to join AdscendMedia and use their Content Locking plugin.

    ResponderEliminar
  6. Hola. Por lo visto no funciona ya. Alguna solución?

    ResponderEliminar
  7. Por favor, alguna forma de hacerlo funcionar?

    ResponderEliminar