Unos de los métodos que resulta efectivo a la hora de conseguir "likes" o "tweets", es el contenido social bloqueado. Simple: bloqueas contenido importante, tus lectores lo desbloquean siguiéndote o compartiendo.
INSERTANDOLO EN NUESTRO BLOG
Nos dirigimos a Plantilla, Editar HTML y, antes del </head> pega lo siguiente:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
Nota: Si ya tienes instalado el jQuery, salta este paso.
Sin perder de vista, pegamos lo siguiente justo por encima del </head>:
<link href="https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/compartir.css" rel="stylesheet" type="text/css"></link>
Ahora, buscaremos el </body> o <body expr:class='"loading" + data:blog.mobileClass'> y pegamos el código de la API de Facebook:
<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>
Guardas la plantilla y listo.
Ahora para colocarlo en cada entrada, es necesario pegar en la edición HTML de esta, lo siguiente:
<article id="default-usage">
<div class="to-lock" style="display: none;">
Código HTML del elemento a ocultar
</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: {
header: "Comparte para desbloquear",
message: "Si quieres ver el contenido, comparte en cualquiera de las Redes"
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"] },
// twitter options
twitter: {
url: "URL DE TU FANPAGE",
text: "Título de la entrada!"
},
// facebook options
facebook: {
url: "URL DE LA ENTRADA",
appId: "588590114535104"
},
google: {
url: "URL DE LA ENTRADA"}});});;;;</script>
