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

roockbertoo

Gamma
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
27 Sep 2012
Mensajes
388
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: </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
 
Última edición:

Carlos Arreola

Admin
Ómicron
Verificado con videollamada
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Desde
6 Abr 2009
Mensajes
4.500
Tutorial aprobado, gracias por el aporte.
 

raveny

Dseda
Verificación en dos pasos desactivada
Desde
27 Nov 2010
Mensajes
1.174
Gracias por aportarlo :)
 

roockbertoo

Gamma
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
27 Sep 2012
Mensajes
388
Es muy bueno ademas de genera mas trafico viraliza tu sitio
 

Pixtoons

Gamma
Verificación en dos pasos activada
¡Usuario con pocos negocios!
Desde
2 May 2013
Mensajes
167
aun no me sale :/ :grumpy:
 

nanita1980

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
17 Abr 2013
Mensajes
102
A mi tampoco me sale :(
 

batho

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
23 May 2010
Mensajes
301
sigue funcionado este tutorial?
 

zeeshanaayan07

Curioso
Verificación en dos pasos desactivada
Desde
5 May 2013
Mensajes
11
convert blogger into wordpress so this is right please guide me i am waiting

---------- Post agregado el 19-jun-2013 hora: 21:34 ----------

convertir en blogger wordpress así que esto es correcto, por favor me guía le estoy esperando
 

softwareydiseno

Zeta
Social Media
Verificación en dos pasos desactivada
Desde
31 Ago 2011
Mensajes
1.841
Muy bueno lo voy a usar para uno de mis sitios que ando optimizando en Blogger :)
 

Caymans

1
Ómicron
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
16 Ago 2010
Mensajes
4.702

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
 

Wizard

Xi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
27 Ago 2011
Mensajes
4.160
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

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
 

Caymans

1
Ómicron
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
16 Ago 2010
Mensajes
4.702
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

gracias por la respuesta, veré si lo compro o no! De todas formas, me parece que lo que yo busco es un buen popup, eso hará que la gente ponga me gusta en la página... Aunque la verdad no está mal conseguir muchos me gusta y +1 a la url en sí, es bueno para el SEO!
 

AdrianWeb

VIP
Iota
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
1 Jun 2013
Mensajes
2.194
Edad
35
y esto no afecta negativamente al seo?
 

spark97

VIP
Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
20 Jun 2013
Mensajes
440
Pero yo creo que pierdes más visitas con este método la verdad:)
 

2011SUD

Épsilon
Marketing
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
29 Oct 2011
Mensajes
863
No lo he podido utilizar en mi blog.:confused:
 

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