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

villabull

VIP
Ni
SEO
Social Media
Verificación en dos pasos desactivada
Desde
30 May 2011
Mensajes
3.511
gracias muy bueno!
 

Johao Hernandez

Ómicron
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
7 Nov 2012
Mensajes
4.729
excelente, muchas graciassssss por el tuto
 

MegaVeloz

Eta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
16 Dic 2012
Mensajes
1.413
Hola. Sirve para poner sobre un reproductor de video en una página de futbol online?
 

Johao Hernandez

Ómicron
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
7 Nov 2012
Mensajes
4.729
no me funcionaaaaaaaaaaa :confused::s
 

jlchevrolet

Zeta
Verificación en dos pasos desactivada
Desde
12 Abr 2012
Mensajes
1.978
buenisimo, lo andaba buscando

no es por nada, pero tenes la version gratuita (es oficial del mismo plugin)

Plugin viral Me gusta y desbloquea el contenido - Free WordPress Theme

---------- Post agregado el 21-jun-2013 hora: 23:22 ----------

una pregunta, tenes idea si podría ser aplicable a wordpress? Necesito que la gente tenga que poner mg en el boton o en la página (solo 1 cosa, no quiero que tengan que hacer tanto) y ahi se desbloquea el contenido!

gracias

claro, esta es la version gratuita y oficial del plugin ;) Plugin viral Me gusta y desbloquea el contenido - Free WordPress Theme
 

roockbertoo

Gamma
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
27 Sep 2012
Mensajes
388
Hola. Sirve para poner sobre un reproductor de video en una página de futbol online?

Si, si sirve.

---------- Post agregado el 21-jun-2013 hora: 18:53 ----------

Recuerden que el Script se agrega en la entrada.
 

CObloggers

Gamma
Redactor
Verificación en dos pasos desactivada
Desde
27 Dic 2011
Mensajes
201
muchiiisimas gracias , me resulta util.
 

xaiborweb

No recomendado
Programador
Verificación en dos pasos desactivada
Desde
4 Dic 2012
Mensajes
1.048
Si, si sirve.

---------- Post agregado el 21-jun-2013 hora: 18:53 ----------

Recuerden que el Script se agrega en la entrada.


muchachos de casualidad no tienen el social locker pero con contador para blogger osea el mismo del tuto pero que si no lo comparten pues entonces tengan que esperar por ejemplo 2 min pueden ver un ejemplo de lo que busco en esta pagina

Frozen: Una Aventura Congelada (2013) Blu-Ray RIP HD Latino - HS

saludos gracias y espero sus respuestas compañeros :)

Si es posible, de hecho esta es una versión adaptada a blogger de la original que hicieron para wordpress, pero la versión para wordpress no es gratis, aquí te la dejo: WordPress - Social Locker for Wordpress | CodeCanyon
 

Wizard

Xi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
27 Ago 2011
Mensajes
4.160

dick

Beta
Redactor
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
¡Feliz cumpleaños!
Desde
30 Ene 2014
Mensajes
97
viejo me puedes ayudar por que ingrese los codigos y no me funciona no se si es que estoy haciendo algo mal o falta algo que agregar ya visite la pagina que citaste pero nada me pasa lo mismo

gracias por el post de todos modos y espero tu ayuda


Hola FB hoy les traigo un tutorial que tal vez algunos ya conozcan, es para crear un contenido social en Blogger o Social Content Locker, espero les sirva y saludos.


Les Dejo un Demo AquiI > DEMO CONTENIDO SOCIAL BLOQUEADO

Caracteristicas del contenido social bloqueado:

- Tu blog generara un gran impacto positivo en las redes sociales (Twitter, Facebook, Google+)

- Tiene 3 opciones para compartir: Twitter, Facebook, Google+

Añadir el contenido social bloqueado

Ahora instalaremos este pequeño script en nuestro blog de blogger, recuerda seguir cada paso para evitar problemas mas adelante.

Paso 1: Instalar el contenido social bloqueado

Primero vamos a Plantilla >> Edicion HTML

Luego buscamos:
<script type="text/javascript">
<!--
var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-2125042-35']);

_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//-->
</script>
</head>
y por encima pegamos el siguiente codigo:

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

Guardas los cambios, y procedemos al siguiente paso.

Paso 2: Añadir el contenido social bloqueado

Ahora es cuando lo vamos a insertar en nuestro blog, lo recomendable es que lo insertemos en alguna entrada, pero lo puedes insertar en cualquier parte de tu blog.

Para añadir el script hay que ir a Blogger >> Tu blog >> Añadir entrada

Seleccionamos HTML en la pestaña de la entrada y pegamos el siguiente codigo HTML.

HTML:
<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>

Configuracion

Para Twitter: Remplaza TU-USUARIO-DE-TWITTER que se encuentra en la linea 34 por tu usuario de twitter.

Para Facebook: Remplaza TU-PAGINA-DE-FACEBOOK que se encuentra en la linea 40 por tu pagina de facebook.
También debes remplazar “575454754″ por la ID de de tu aplicación de facebook.

Para Google plus: Remplaza TU-PAGINA-DE-GOOGLE-PLUS que se encuentra en la linea 45 por tu pagina de google plus.

Remplaza: Añade_Imagen_Aqui por la imagen que quieres ocultar.

Remplaza: Añade el texto oculto aqui por el texto que quieres coultar, recuerda que tambien puedes agregar elementos HTML, tales como gadgets o scripts.

Con todo esto echo ya solo basta con guardar y ver el resultado final.

Si les falla algo vallan a How To Create a Social Content Locker in Blogger BlogSpot
 

anferro

Ómicron
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
29 Oct 2011
Mensajes
4.519
ya no sirve?
 

alexxeg

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios!
Desde
24 Dic 2017
Mensajes
349
Alguien tiene el archivo css locker? Es que ya esta caido esto, jajaa
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba