Tutorial: Crear un contenido social bloqueado en Blogger | Genera más tráfico

<link href='http://mybloggerlab.com/StyleSheet/locker.css' rel='stylesheet' type='text/css'/>

<article id="default-usage">
<div class="to-lock" style="display: none;">

<!--Inicia el contenido oculta (Tambien puedes usar HTML)-->
<div style="text-align: center; margin-bottom: 20px;">
[B][COLOR="#FF0000"]<img src="Añade_Imagen_Aqui" alt="" style="margin: auto;" />[/COLOR]
</div>[/B]

<div style="text-align: justify">
[B][COLOR="#FF0000"]Añade el texto oculto aqui, recuerda que tambien puedes usar HTML[/COLOR][/B]
</div>

<!--Termina el contenido oculto-->

</article>
</div> <div id="mblunlocker" style="font-size:10px;"> </div>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/lock.js"></script>

<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({

text: {
header: "Comparte esto, para desbloquearlo",
message: "Este es el contenido social bloqueado, para verlo da clic en cualquier botón de abajo."
},

style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},

// Opciones de Twitter
twitter: {
url: "[COLOR="#FF0000"][B]TU-USUARIO-DE-TWITTER[/B][/COLOR]",
text: "[COLOR="#FF0000"]Texto que quieres que aparezca a la hora de twittear el contenido oculto[/COLOR]"
},

// Opciones de Facebook
facebook: {
url: "[COLOR="#FF0000"][B]TU-PAGINA-DE-FACEBOOK[/B][/COLOR]",
appId: "[B][COLOR="#FF0000"]575454754[/COLOR][/B]"
},

google: {
url: "[B][COLOR="#FF0000"]TU-PAGINA-DE-GOOGLE-PLUS[/COLOR][/B]"
}
});
});;;;

</script>