02 febrero 2014

Compartir para desbloquear contenido


compartir para desbloquear

Compartir para desbloquear contenido, hay veces que en algunas web o blog nos encontramos palabras como estas. Esto significa que el código, enlace, imagen o cualquier contenido permanece oculto y solo aparecerá después de compartir en cualquiera de las Redes Sociales, (Twitter,Facebook o Google+).

Este truco es muy útil para fortalecer nuestra posición porque al compartir en las redes sociales aumenta nuestra Optimización SEO. Todos sabemos lo difícil que resulta conseguir que los lectores compartan nuestros artículos en las diferentes redes sociales, sin embargo con este pequeño gadget los forzaremos un poco a compartir para obtener acceso al contenido.

Los botones sociales consisten en Facebook, Twitter y Google plus. Cada vez, que una persona comparta en Tweeter, Facebook o +1 en Google+, se mostrará el contenido oculto.


Cómo instalar Compartir para desbloquear contenido en Blogger?

Los pasos son muy sencillos, todo lo que tenemos que hacer es copiar y pegar el código. Sólo tienes que seguir las siguientes instrucciones.

Paso 1: Instalar el jQuery
Para mostrar y ocultar el contenido, se necesita jQuery. Por lo tanto, incluya el código por encima de </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
Si ya lo tienes instalado en tu plantilla, pasa al siguiente paso.

Paso 2: Instalar el CSS
Buscar </head> justo y por encima de ella pega el siguiente código CSS.

<link href="https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/compartir.css" rel="stylesheet" type="text/css"></link>

Paso 3: Instalar la Api de Facebook:
Buscamos <body> o <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> y justamente debajo colocamos lo siguiente:

<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>
Si ya lo tienes instalado en tu plantilla, pasa al siguiente paso.

Paso 4: Cómo agregar Compartir para desbloquear contenido en Blogger:

Ahora, cada vez que queramos añadir el gadget de bloqueo a cualqier artículo seguiremos las siguientes instrucciones:

Ir a Blogger >> Nueva Entrada.
Seleccione "HTML" en el editor de entradas y pegue el siguiente código:


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

Código,imagen o link 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 LA ENTRADA",
text: "Título de la entrada!"
},
// facebook options
facebook: {
url: "URL DE LA ENTRADA",
appId: "588590114535104"
},
google: {
url: "URL DE LA ENTRADA"}});});;;;</script>



compartir para desbloquear


Recuerde: No se olvide de agregar su Facebook App ID de lo contrario el botón de Facebook no aparecerá correctamente. es decir reemplazar 588590114535104 por el vuestro.

Extraido de Mybloggerlab

115 comentarios

Hola, esto me sirve en una web hecha en hrml gracias

Por favor ayuda no pude quiero q me quede así http://2.bp.blogspot.com/-qA0_xNx68RQ/Uu4HuVBJgMI/AAAAAAAAODw/cPay8PX-XLc/s1600/compartir-para-desbloquear.jpg Gracias

Dj, si no me dejas la url del blog donde está instalado no puedo ayudarte.

PS ES EN DREAMWAVER Q TRATO DE ADAPTARLO MIRA http://www.djerik.net/ocultar-contenido.html

hola tengo un problema te paso lo que hago, no me sale nada , te dejo el link de la pagina donde lo puse http://www.bajardiscosderock.com.ar/

Mil gracias amigo, me fue muy Útil, saludos desde Colombia

No has seguido los pasos adecuadamente, te falta colocar las url de la entrada y el título.
Debes colocar todos los pasos sin omitir ninguno y fíjate que la appId de facebook, sea la correcta.

e lo puedes hacer vos? porque hago todo lo que me pides y no me sale
te dejo los datos para completar

http://www.youtube.com/watch?v=96za5NfWtbE
Los videos mas aterradores de youtube
Mi facebook: https://www.facebook.com/photo.php?fbid=10202251337501294&set=a.1542284753491.2069764.1126110486&type=1&theater.

si lo puedes hacer tu y me lo envias asi lo pego el mi blog... muchas gracias

Estoy muy liado y no tengo tiempo apenas...

La url de la entrada en facebook que seria? la url del video de youtube o la url de mi perfil de facebook?

La url de la entrada del blog, ni facebook ni YouTube.

amigo ya pude. pero solo se pueden poner imagenes? un video se puede poner?

aca pude http://elmundodelosmejoresvideos.blogspot.com.ar/2014/02/el-video-mas-aterrador-de-youtube.html ahora quiero que me salga para que compartan y no para que le den like como seria? muchas gracias

Miguel habría que modificar el script completamente y no soy yo el creador de el, este tutorial lo he extraido de Mybloggerlab

Correcto, coloca el código del video (iframe o embed) donde pone Código,imagen o link a ocultar

Puedes ver ahora en la demo del truco que he colocado un video....

al parecer funciona pero resulta que en mi perfil no dice que le he dado a me gusta !! o que lo he compartido..

Ely donde lo tienes instalado? Me gustaria ver de donde proviene el fallo.

Lo tengo instalado aqui por ejemplo http://imperialvideos.blogspot.com.ar/2014/02/joven-con-extrana-adiccion-come.html le doy a like, o compartir en twitter y gmail pero en mi historial no dice que le di like o que lo comparti.. no se si me explico..

Disculpa.. Tambien me paso lo mismo probando la demo...

Ely a mi me sale bien, te dejo prueba de Twitter y facebook:
Twitter
Facebook

Ok... Muchisimas Gracias! :3 Una pregunta es complicado modicar el codigo para que envés que den like compartan las entradas...

Ely si que es complicado porque habría que modificar el script y este tutorial no es mío.

Esta bien :3 ya con esto me conformo te agradezco..! Un saludo!

Disculpa, pero como consigo el url del post si aun no lo posteo?? o necesito postearlo y luego editar el post?

Hola amigo, perdon la molestia nuevamente pero creeo ya me salio pero no bien me podrias idicar que esoty haciendo mal ya coloque todo como idicas AUN SIGO CON LA DUDA DE LA URL , este post ya lo tenia hecho solo lo edite y quedo asi [http://mas-descargas-mexico.blogspot.mx/2014/02/llaves-kaspersky-actualizadas-hoy-08.html] Segun yo ese es mi url del post y coloque mi ID de FACEBOOK Y es el unico que no me sale para compartir PORFAVOR AYUDA!!

Ownez, tienes dos formas de conseguir la URL del post, una es desde el editor, una vez creado el título del post, en la derecha del editor verás:ENLACES- Enlace permanente (la crea por el título del post) y otra desde Enlace permanente personalizado, donde puedes colocar un título en la entrada del blog pero en este apartado creas una URL distinta al título.

Ejemplo:
Creo un post llamado:Mostrar total de seguidores con botones de seguir en un popup. La URL del Enlace permanente sería:
http://www.amorsevillista.com/2014/02/mostrar-total-de-seguidores-con-botones.html (google corta las url cuando el título es largo)

Y en personalizado, colocaría lo que yo quisiese: seguidores-totales-con-botones-en-popup dando esto la siguiente URL:
http://www.amorsevillista.com/2014/02/seguidores-totales-con-botones-en-popup.html .

Espero que lo hayas entendido.

Ownez, sigue bien los pasos del post, veo por el código fuente que tienes colocado mal el código, tienes el cierre así </div></article> y sería así </article></div>

si amigo lo entiendo perfecto gracia spor la ayuda, ahora tengo otro problema innstale tu plantilla de amor jejej pero eh notado que el lsider de entradas recientes ya no c mueve crees qu eme puedas ayudar y en vez de mostrar entradas recientes quisiera poner entradas al azar crees que me puedas ayudar con eso?? te lo agradeceria infinitamente amigo!!

Veamos Ownez, el slider muestra o las últimas entradas o una etiqueta específica, no las entradas al azar.

En cuanto al movimiento del slider, te comento que cuando instales algo nuevo, procura no colocar el script del jquery porque ya lo tienes instalado en esa plantilla.
Así que elimina el 2 script de jquery, busca esto jquery/1.10.2/jquery.min.js y elimina todo el script.

Amigo de antemano muy agradecido enserio muchas gracias por la ayuda me a servido de mucho y sobre la cabecera muchas gracias pero la que tengo me lo a hecho un colega no quisrera romperle el corazon y nuevamente GRACIAS POR TODO!!!

Amigo, yo también tengo algunas dudas, quiero usar tu menú vertical en mis blogs, Ese es mi blog http://narutoshippudentemporadacompleta.blogspot.mx/
Lo que quiero es poner la lista de 351 enlaces en el menú, pero cómo lo hago de una manera más sencilla, es que sería muy difícil copiar los 351 enlaces uno por uno en tu menú,
¿Existe una forma más fácil de hacerlo?

Halamh, no entiendo tu pregunta en esta entrada, supongo que te refieres a un menú pero no se cual es en estos momentos.

Quiero poner esté menú en mi blog, http://www.amorsevillista.com/2013/03/menu-verticales-solo-con-css.html
Entonces después de poner tu menú en mi blog, quiero poner 351 Url dentro de tu menú, ¿Cómo meto 351 Url dentro de tu menú?

Es que no sé mucho de esto, quizás de nuevo no me explique bien, si no me supe explicar de nuevo, por favor avísame para intentar explicar mejor mi pregunta.

Muchos saludos y muchas gracias por responder.

Eso es una locura, colocar 350 enlaces en cualquier menú es de locos.
Deberías haber colocado una etiqueta a cada entrada con una palabra específica y luego crear un indice del blog, hubiese sido lo ideal.

Mira el indice de mi blog

El indice de entradas de tu página me ha encantado, pero cómo pongo uno igual en mi blog?

Debes tener colocadas etiquetas en cada entrada que publicas y el script recoge todas las etiquetas y coloca las entradas de cada una de ellas.

Amigo me a servido de mucho en todo lo que me as ubicado, pero sigo con un problema y es este truco si presiono TWITTER no muestra el contenido y en FACEBOOK no muestra nada ya puse mi id y nada y GOOGLE+ pues esta bien es el unico boton que funcion eh utilizado el formato html que tienes aqui ne los comentarios podras ayudarme con eso aqui te dejo el link para que veas como quedo http://mas-descargas-mexico.blogspot.mx/2014/02/hackers-3-conspiracion-en-la-red-audio.html?showComment=1393033689147#c4605567393761593833

Ownez, para saber bien la ID, de facebook entra aquí y click en Aplicaciones, hay debe aparecer tu aplicación, clikeas en ella y aparecerá tu ID.
SI NO LA TIENES DEBES CREARLA.

Para que twitter te funcione debes eliminar un código de la plantilla y sería este:

<script type='text/javascript'>
// Twitter
(function (a, b, c){var d=a.getElementsByTagName(b)[0];if (!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src=&quot;//platform.twitter.com/widgets.js&quot;;d.parentNode.insertBefore(a, d)}})(document, &quot;script&quot;, &quot;twitter-wjs&quot;);
</script>

Amigo no se como agradecertelo me ayudaste hasta que porfin quedo al 100 muchas gracias por todo esta web sin duda la mejor GRACIAS!

no funciona el boton de facebook T.T

Nitro debes tener mal la ID de la página de Facebook.

Si amigo eso era tenia que crearla 100 mil gracias...

Una pregunta como puedo hacer que reconozca automáticamente el link del post en codigo de blogger donde dice "URL DE LA ENTRADA".
// twitter options
twitter: {
url: "URL DE LA ENTRADA",
text: "Título de la entrada!"
},
Gracias de antemano su respuesta.

no funciona!! cuando comparto no sale nada! en ninguna red social :S

He probado solo en Facebook y funciona correctamente.
En las demas no lo he comprobado porque tendría que limpiar los cookies y volver a introducir contraseñas.
Pero que conste que en la primera que he probado funciona: ver imagen comprobación

Saludos,

Cuando coloque el código y accedía a las entradas del blog todo bien el problema es cuando entro a una etiqueta http://www.megataringa.tk/search/label/Android%20Apk el cuadro de los botones sale clonado, salen los de tres entradas más.

Asdrubal, debes tener un fallo en la plantilla, observa cuando estas en las etiquetas que tambien te coloca la sidebar bajo las entradas.

muchas gracias buscaba algo como esto se agradece :)

amigo tengo una duda . este donde dice url de la entrada ... ay que va el link de lo que quiero ocultar o de lo que quiero compartir
twitter: {
url: "URL DE LA ENTRADA",
text: "Título de la entrada!"
},
exactamente que es lo que hay va

Andry en URL DE LA ENTRADA va la dirección del post y el título de la entrada.
He añadido una imagen al final de la entrada para mejorar la explicación.

amigo muchisimas gracias ya lo monte en mi web y quedo exelente
tenia algunas dudas al principio pero ya lo aclare ,
porq mis dudas eran saber si funcionaria en una web normal o solo en el blogger pero si en mi web va de maravilla gracias

Excelente amigo, justo lo que buscaba, quiero saber si está bn asi
http://templates-vectores.blogspot.com/2014/07/prueba-ocultar-link.html
y como puedo cambiar el estilo de los botones.
desde ya gracias

es para implementarlo en este blog
http://www.graphicsonline.org/

me gustaria colocar la caja con este estilo
alguien la dejo mas arriba
http://www.djerik.net/ocultar-contenido.html

Jarckol, para ese estilo cambia esta url: https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/compartir.css por esta otra: https://3cae4e5b01bcf5e0b4b47fed4cfe6d4dd7057896.googledrive.com/host/0BwZ7Sm1QQc1lQ3NTMDNxUUR0cFE/compartir.css

Excelente amigo, muchas gracias, otra duda!
Existe alguna forma de agregarlo a todos los post automaticamente? o hay que hacerlo manual.

hola Antonio me gustaría ponerlo pero en color negro me ayudas o me dises que parte tengo que canviar saludes y gracias

Norlan para cambiar los botones debes remplazar las imágenes en el css, concretamente en esta url: https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/compartir.css.
Pega la dirección en el navegador, copia todo el css y lo pegas en un bloc de notas, busca y remplaza las imágenes en:
Twitter: https://lh3.googleusercontent.com/-wkXoWNBB09c/Uu1SOmjV0iI/AAAAAAAAODc/JM-wq4bVOXk/w118-h34-no/twitter-logo.gif

Facebook: https://lh3.googleusercontent.com/-YYi1lgQCNbk/Uu1SCbloSOI/AAAAAAAAOCw/j5Rjsw0019k/w118-h34-no/facebook.gif

Google+: https://lh5.googleusercontent.com/-BE7PfiGfoBo/Uu1SKvjxhGI/AAAAAAAAODM/h5WcPd3h1DY/w118-h34-no/Google-Plus-Logo.gif

Hola otra ves Antonio . mi consulta no era canviar las imagenes era canviar el fondo para ponelo de otro color algo mas oscuro ya copie el contenido del css pero no encuentro la parte del codigo que canvie el fondo de los colores .espero me entiendas gracias de ante mano

Norlan, para cambiar el fondo debes buscar en la url del css este código:

.ui-social-locker-secrets .ui-social-locker-inner-wrap y cambiar el background-color:#f7f7f7; por el que desees.

amor sevillista el truco no me sale y lo he intentado en muchas ocaciones me podrias ayudar este es mi blog www.lacapitaldelmix.blogspot.com
mi facebook es este:

https://www.facebook.com/metropolimix

por si me gustas agregar para charlar sobre el asunto

Rafael, que es lo que no te sale.
Si sigues los pasos al pie de la letra te debería salir bien.

Amigo, me interesa aplicar esto en una web de Joomla. Tienes algún tutorial o conoces de alguno?

Amigo muchas gracias me sirvio lo tengo implementado en mi web apenas estoy empezando y me sirvio de lujo, mi web es www.musicagratispormega.com lo uso en cada post que realizo mi prregunta es ¿Cuando alguien le da me gusta en el boton de facebook se comparte con sus amigos?

Le di me gusta con mi facebook y a mis contactos no les aparece nada podrias sacarme de dudas

otra pregunta el appID es unico por que ise una aplicacion en developers.facebook para que me den mi appID pero quiero saber si es unico o como, espero me explique bien jeejeje saludos amigo Gracias

Mil gracias lo tengo ya ,te agradezco un montón.Si lo quieres ver es un ebook o resumen completo de la nueva dieta facil de dukan el link de la entrada es esta:
http://dukanfacilescalera.blogspot.com.es/2014/09/como-funciona-dieta-dukan-suave.html

Este comentario ha sido eliminado por un administrador del blog.

Hola Amor Sevillista... He hecho un post de prueba para ver como queda esta "caja de compartir para ver" pero no me funciona la caja de Facebook... He intentado con el id de mi pagina, con tu ID de Facebook, pero nada, aparece vacia.
La caja de Google funciona bien y supongo que la Twiter tambien al menos carga para conectarme a Twiter (no puedo verificarlo ya que no tengo una cuenta).
Te agradezco si puedes mirar en que me estoy equivocando, la direccion es la siguiente:

http://seruno1soft.blogspot.com.es/2014/10/prueba-de-compartir.html

Desde ya gracias... saludos

Seruno desde aquí no veo donde se puede producir el fallo, mándame la plantilla por email para observarlo mas detenidamente.

Ya te he enviado la plantilla.. Por fin encontre luego de media hora buscando tu email, al final la encontré en Facebook (no estoy muy practico en esto de las redes sociales)

Gracias por ayudarme... saludos
seruno1

Seruno no me ha llegado.
Te lo dejo aquí: antonioperezvidal@hotmail.com

Vale, te lo re-envio... mira la captura del envio.
http://img1.imagilive.com/1014/sshot-2a53.jpg

Gracias nuevamente... saludos

Seruno la plantilla la he colocado y me sale sin fallos, no se el motivo por el cual no te sale el botón de facebook.

Mira la plantilla tuya en este blog de pruebas: VER AQUÍ

De todas formas prueba eliminando el gadget que tienes de recomendar, haber que tal.
Guarda el gadget y eliminalo, haber si es incompatible con esto.

Gracias Amor Sevillista... lo intentaré.
Lo raro es que tambien lo probé en otro blog de pruebas (previo restablecimiento de la plantilla a los valores por defecto y sin ningun gadget).... en fin...
Gracias luego probaré tu sugerencia... saludos
seruno1

Hola nuevamente Amor Sevillista... Estoy desconcertado he hecho muchas (muchisimas) pruebas y no he llegado a buen puerto... al contrario tengo mas dudas que antes...

Revisa por favor el siguiente blog de pruebas y luego entra en cada post:

http://seruno1programas.blogspot.com.es/

Nota: Ademas de otras dudas sobre el Id..... por que aparecen duplicadas las cajas de ocultar en la pagina pricipal y luego al cargar los post por separado se visualizan correctamente??
En la pagina principal no funcionan las cajas de Facebook pero al cargar por separado el post con el Id de ésta publicación funciona bien...

Gracias, saludos seruno1

Anacleto te pasa eso porque debes cortar la entrada antes de: <article id="default-usage">
Si no sabes como hacerlo, lee este artículo de Jesús Configurar la vista inicial del blog

Hola de nuevo Amor Sevillista. Ayer estaba desconcertado por las pruebas... HOY LO ESTOY AÚN MAS... Estaba redactando la respuesta pero al final decidi hacer un video, con los resultados dispares que he obtenido. Te lo dejo en el siguiente enlace (mejor si puedes verlo en HD y full).

https://www.youtube.com/watch?v=p9Sx9w1rmmA

Consultas:
1) el ID de Facebook se puede obtener a traves del siguiente enlace o es otro???: https://graph.facebook.com/nombre de usuario
2) Como es posible que la etiqueta provoque resultados tan dispares?? Normalmente en todos los post que he hecho hasta ahora simplemente sirve para cortar el post en el lugar deseado y nada más...

3) Cambiando de tema, al entrar en tu pagina [este diseño me gusta más que el anterior] aparece el numero de notificaciones (en la campanita). Es posible poner dichas notificaciones pero solo con mis comentarios o novedades y teniendo los comentarios deshabilitados...

Gracias... saludos
seruno1

Una cosa es la ID de facebook (Perfil) y otra la de una aplicación.
Para crear una aplicación debes entrar en:Crear aplicación Facebook y creartela para tu blog.

En cuanto a las notificaciones tienes una entrada referente Aquí

Y si puedes solo con tus comentarios, no lo he probado, pero pienso que sí.

Y en cuanto a los resultados del corte, me quedo como tú (desconcertado total...jaja)

Gracias Amor Sevillista... vale, vere si me creo esa aplicacion (recien me entero de su existencia...).
Seguiré intentando lo de la caja de 'compartir para ver' y tambien lo de las notificaciones

Gracias nuevamente por tu tiempo.., (perdona que te responda desde otra cuenta)

saludos seruno1

Hola Amor Sevillista... He puesto las notificaciones y funcionan bien (aunque me gustan mas la de esta pagina), pero tendría que habilitar los comentarios sino donde escribo los escribo... aunque ahora se me ocurre que podrian estar ocultos y permitidos solo a los miembros del blog o sea yo... mañana lo pruebo.

Con respecto a la 'caja de compartir para ver' creo que desistiré ya que no tengo ni idea de como crear la app para el blog y lo poco que he visto me da la impresion que es medio complicado... me pregunto, para un Me gusta (o compartir) podría ser mas sencillo... vale, vale, el script asi lo pide, pero no entiendo el porque hace falta esa aplicacion

En fin... gracias nuevamente... saludos

Este comentario ha sido eliminado por el autor.

Saludos el id de facebook lo pongo pero no me sale el boton. que hago? solo me sale con el id de esta pagina....

Hola Amor Sevillista:
Podrías por favor verificar si aún está funcionando el script de éste post: 'Compartir para desbloquear contenido' y también el de 'Ultimas entradas con efecto deslizante' (http://www.amorsevillista.com/2011/10/ultimas-entradas-con-efecto-deslizante.html).

Los tenia a ambos funcionando Ok pero desde ayer ya no puedo ver ninguno (al menos para mi).
El blog es el siguiente: http://tusprogramaz.blogspot.com.es/ (aunque tambien me ocurre lo mismo en otro blog que tengo).

Nota: cree el appID de Facebook para poder usar la caja, y me llamo la atención que los nuevos 'Me Gusta' se cuentan aparte de los ya existentes y han empezado desde 0...

Gracias Amor Sevillista... saludos

Sergio, estoy teniendo problemas con los script de archivos alojados, te dejo los dos script de esas entradas y sustituyelos por estos.
https://dl.dropboxusercontent.com/u/54259066/LOCKE.js (script-compartir-desbloquear)
https://dl.dropboxusercontent.com/u/54259066/ULTIMAS%20ENTRADAS%20EFECTO%20DESLIZANTE.js (script-entradas-deslizante)

Amor Sevillista: Espectacular, muchas gracias. ahora está funcionando bien...

P/D: Estaría bueno si se puediera poner el script principal dentro de la plantilla y no en cada publicación... Asi tendríamos que poner en cada post sólo la llamada... y en casos como estos solo modificaríamos la plantilla y no cada entrada... (lo pongo sin los cierres, sino no me permite publicar el comentario)

article id="default-usage"
div class="to-lock" style="display:none;"
ACA VA LO QUE QUIERO OCULTAR...
/div
/article

Nuevamente, muchas gracias por tu pronta solución....
Saludos

Hola Amor Sevillista (soy sergio seruno desde otra cuenta de pruebas)
Estube buscando un poco por la red y modificado un poco el script para poder usarlo en la plantilla principal.
Creo que funciona correctamente (aunque prefiero que lo veas tú, ya que las modificaciones que hice fueron por lógica y no por conocimiento) el blog de pruebas es el siguiente:

http://blogpruebazseruno1.blogspot.com/

En los comentarios no me deja ponerlo... me sale lo siguiente:
Su HTML no es aceptable: No se permite PHP, ASP ni otros tipos de secuencias de comandos que tienen lugar en el servidor.

Te lo puse acá: http://paste2.org/_hjpd8MPE

Desde ya gracias.... si tu verificación da buenos resultados estaría bueno hacer una nueva entrada con las 2 posibilidades...
Saludos seruno1

Anacleto si hacer las pruebas creo que puede funcionar ya que integrando el script directamente en la plantilla es lo mismo.
De todas formas, tu ya has realizado las pruebas y comentas que va bien.

Hola Amigo mio, gracias lo instale perfectamente pero los colores del enlace no se ven porque no combinan aqui puedes echar un vistaso http://tecnodescargasgratis.blogspot.com/2015/02/wifislax-4101-final-ultima-version-iso.html como puedo cambiarle el color? gracias me ayudarias mucho amigo...

Joel, si no me equivoco te falta el paso 2.

Me Gustaria agregar estos Botones sociales en la entrada de mi Blog y solo vean el contenido antes de compartir, que debo hacer

Tito si lo que quieres son botones para compartir mira esta entrada

disculpa como puedo cambiar el color de las letras o el color del fondo te agradecería mucho tu respuesta y muy buen post

Soni leyendo los comentarios sales de dudas, mira para el fondo el comentario 64.

gracias pero todavía tengo una duda como puedo aguardar el archivo en css subirlo a drive y generar un link compartido te agradecería tu respuesta

gracias encontré la solución.

disculpa como cambiar de color de "Comparte para desbloquear",
"Si quieres ver el contenido, comparte en cualquiera de las Redes" gracias

Soni para tal fin deberías extraer el css de https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/compartir.css y buscar .ui-social-locker-text .ui-social-locker-strong{ aquí coloca aparte de todo lo que está, esto: color:#código de color; .....................}
y para "Si quieres ver el con........busca .ui-social-locker .ui-social-locker-text{text-align:center; y aquí coloca el código color que quieras. color:#código color; }

Saludos.

gracias por responderme pero tengo problemas no me funciona. funciona cuando doy una vista previa pero cuando lo publico desaparece y deja una linea blanca y este problema esta ocasionado cuando coloco la url de la entrada probé con los códigos originales pero pasa lo mismo mira los links

https://drive.google.com/file/d/0B3sbZf_4IAbsOVhiOEJzN1FJS2M/view?usp=sharing

https://drive.google.com/file/d/0B3sbZf_4IAbsbzdhYnhOZzZzMVU/view?usp=sharing

https://anime-sonimatrix.blogspot.com/b/post-preview?token=IPxMYE4BAAA.gbdkz35fzQzHA_W-zOSQDw.qQK1pRI8LBb8QUbqsufmog&postId=3240815620416846124&type=POST

http://anime-sonimatrix.blogspot.com/2015/07/pruevas.html

espero que me puedas ayudar Gracias

Pués yo lo veo perfecto, Ver aquí.

Ten en cuenta que una vez que lo hayas compartido ya no será visible más el compartir hasta que no limpies los cookies del navegador.

muchas gracias si me funciono pero tengo otra pregunta como puedo cambiar el color del otro fondo que también es de color blanco.

muchas gracias ...me ayudo mucho aunque yo le agregues que el contenido sea mas rico colocandole colores, enalces, mayusculas y mas espero les guste....ejemplo aqui entrada de ejemplo

¿Habría manera de hacerlo con la red social Instagram?

Hola, ¿cómo puedo saber si tengo instalado el jQuery en mi blog? Yo le instale está plantilla http://www.mybloggerthemes.com/2014/12/gonzo-responsive.html

Saludos.

Hola paisano, tengo un problema con el código, me gustaria cambiar las imágenes de facebook, twitter y google. El codigo esta correcto y funciona a la perfección.
Pero no veo donde esta alojada esas imagenes solo https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/LOCKE.js este fichero js. Espero tu ayuda y también un email de contacto me gustaria hablar contigo.

Un saludo

Hola paisano, tengo un problema con el código, me gustaria cambiar las imágenes de facebook, twitter y google. El codigo esta correcto y funciona a la perfección.
Pero no veo donde esta alojada esas imagenes solo https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/LOCKE.js este fichero js. Espero tu ayuda y también un email de contacto me gustaria hablar contigo.

Un saludo

Hola, agradezco mucho el aporte; realmente soy un tanto novato en esto de la modificación html y deseo saber como cambiar el estilo de los botones tal y como se encuentra en los ejemplos que se muestran en la pagina que ha proporcionado: http://parapruebasdeamor.blogspot.com.es/2013/05/prueba-de-plantilla-y-entrada.html a manera de Demo

Agradeceré mucho la ayuda.

Que tal Amor sevilla tengo problemas con el código en la mañana funcionaba perfecto pero hoy en la tarde ya no funciona. ni el demo ni mi web.

Saludos

http://1.bp.blogspot.com/-XoGvYGywBjY/Vmi0goAlKfI/AAAAAAAAAQI/Cd2_o-ctFNc/s1600/amorsevilla.png

hola una pregunta solo con esos botones se puede no hara otros botones

NO ME SALE ESTE CODIGO LO BUSCO EN TODA PARTE

Crees que si cambio los botones de compartir por un boton de paypal para vender themes haria la misma funcion?


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"