domingo, 12 de julio de 2015

Contenido social bloqueado para Blogger

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='&quot;loading&quot; + 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 = &quot;//connect.facebook.net/es_LA/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</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>

No hay comentarios:

Publicar un comentario

2014 © Planer - Responsive Blogger Magazine Theme
Plantilla desarrollada por Way2themes.