tag:blogger.com,1999:blog-7470192961806963601.post6632895620761560185..comments2024-03-28T12:10:31.593+01:00Comments on Oloblogger: Gadget desplegable y adaptable de botones para compartirOlomanhttp://www.blogger.com/profile/11489455592466904176noreply@blogger.comBlogger145125tag:blogger.com,1999:blog-7470192961806963601.post-67236266047391649732017-10-23T03:54:09.594+02:002017-10-23T03:54:09.594+02:00hola hermano, nuevamente yo por aca, una pregunta ...hola hermano, nuevamente yo por aca, una pregunta para que los botones sirven debo cambiar algo ? me refiero a las redes sociales? o solo copiar pegar, modificar para los colores y aspecto y listo? porque lo pegue en mi blog y no se ve el "me gusta" de fb y tampoco el "twittear" de fb... que podrá ser? gracias de antemanokenichi3000https://www.blogger.com/profile/09041927124258931588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-32535867319380573382017-03-15T22:54:42.501+01:002017-03-15T22:54:42.501+01:00Hola. No entiendo si preguntas o afirmas. En el pr...Hola. No entiendo si preguntas o afirmas. En el primer caso la respuesta es que sí, que sí se puede usar dentro de cada elemento de lista (LI) cualquier código... incluido un iframe.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-28268963376659021732017-03-09T15:58:26.590+01:002017-03-09T15:58:26.590+01:00se lo puede usar encerrado el codigo con iframe......se lo puede usar encerrado el codigo con iframe... </frameTUVIEJAhttps://www.blogger.com/profile/14208244863053774050noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-41408924797297097662017-02-12T19:46:36.451+01:002017-02-12T19:46:36.451+01:00OK. Gracias por el link JorgeOK. Gracias por el link JorgeOlomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-35910431796709676272017-02-12T04:27:33.067+01:002017-02-12T04:27:33.067+01:00Ya lo resolví. Saqué el código desde Facebook Deve...Ya lo resolví. Saqué el código desde Facebook Developers. Queda así:<br /><br />"iframe" src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&width=450&layout=standard&action=like&size=small&show_faces=true&share=true&height=80&appId" width="450" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"> "/iframe"<br /><br />Fuente: https://developers.facebook.com/docs/plugins/like-button#configurator<br /><br />Saludos, Jorge del Campo Andradehttps://www.blogger.com/profile/13033982879969777735noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-39316210970368476042017-02-12T04:18:06.184+01:002017-02-12T04:18:06.184+01:00Holoman, inserté el código y todo bien excepto fac...Holoman, inserté el código y todo bien excepto facebook. No me aparece la caja azul con los "me gusta".<br />Saludos, Jorge del Campo Andradehttps://www.blogger.com/profile/13033982879969777735noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-58684789544009638332016-08-09T19:07:15.216+02:002016-08-09T19:07:15.216+02:00Hola Narufan.
Como en tu blog no veo ese código, ...Hola Narufan.<br /><br />Como en tu blog no veo ese código, tengo que inferir o bien que no lo pusiste o bien que no lo hiciste en el sitio correcto. Las plantillas Blogger tienen dos partes casi iguales, una para móviles y otra para ordenadores de escritorio.<br /><br />Es posible que hayas insertado el código en la parte de los móviles y por eso no se ve. Como di de referencia la class='post-footer', busca la segunda que encuentras y a partir de ahí es dónde debes añadir todo esto.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-41097057384515806552016-07-28T00:51:15.382+02:002016-07-28T00:51:15.382+02:00Hola, he tratado de colocar el codigo como lo expl...Hola, he tratado de colocar el codigo como lo explicas arriba, y aun asi no logro poner la botonera en las entradas del blog. Que puedo estar haciendo mal? digamos que no hay muchos pasos como para q haya algun margen de error .. Este es el blog: http://www.narufananime.net/Narufanhttps://www.blogger.com/profile/04124546725888470327noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-4596484547591034282016-06-24T00:38:59.848+02:002016-06-24T00:38:59.848+02:00Claudio, para cambiar/ajustar cada botón, sólo tie...Claudio, para cambiar/ajustar cada botón, sólo tienes que meter el código nativo de cada red social entre los DIV con clase CONTENIDO. Por si acaso ¿viste el comentario 65?Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-78576825056189274422016-06-11T13:52:40.868+02:002016-06-11T13:52:40.868+02:00Hola Oloman, donde quieras que estes, que sea en p...Hola Oloman, donde quieras que estes, que sea en paz. Al tópico, coloque la caja en www.masalladeldesierto.blogspot.com (es una plantilla no blogger que mas allá de tener el includable «share-button» no pude lograr que se viera) que enseñaste en este truco y funciona, solo que en la caja de facebook no aparece el link para compartir.. Espero tu sugerencia. Saludos.Claudio Cascohttps://www.blogger.com/profile/17847553793596905903noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-10595680288941883452016-03-03T22:55:55.700+01:002016-03-03T22:55:55.700+01:00La imagen del post no es transferible a WhatsApp; ...La imagen del post no es transferible a WhatsApp; sólo el enlace y un texto si quieres.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-12552059993533622922016-03-01T20:20:36.435+01:002016-03-01T20:20:36.435+01:00Hola Oloman, al final probando logré hacerlo con e...Hola Oloman, al final probando logré hacerlo con este código : a data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.url + "&description="' title='Compartir en WhatsApp' alt='data:post.title'>Compartir en Whatsapp</a porque con el otro a pesar de probar con el css no me salía ningun botón para compartir. Lo único malo es que no me sale la imagen del post y no se como hacerlo. Angel Requenahttps://www.blogger.com/profile/02434146331119110520noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-47095410096496371682016-02-21T12:58:13.375+01:002016-02-21T12:58:13.375+01:00Ese es el que funciona Ángel. No hay otro código a...Ese es el que funciona Ángel. No hay otro código alternativo.<br />Para ver más necesitaría poder observar cómo lo pones y para eso, además de que tú lo modifiques, tendrías que quitar ese aviso anti-adblock que no me permite ver la web... ;)Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-74338805937165896412016-02-19T07:37:11.623+01:002016-02-19T07:37:11.623+01:00Oloman tenías razón, cambie a la última versión de...Oloman tenías razón, cambie a la última versión del FontAwesome y se puede ver el icono de Whatsapp finalmente, pero lamentablemente sigue sin aparecer el botón para compartir, cambie la (") al código que me diste para reemplazar... y no da. Me ayudas con otro código que pueda reemplazar?<br /><br />Gracias como siempre.Angel Requenahttps://www.blogger.com/profile/02434146331119110520noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-70658802432932978372016-02-17T20:16:40.134+01:002016-02-17T20:16:40.134+01:00Quizás ese icono se añadió a posteriores versiones...Quizás ese icono se añadió a posteriores versiones de FontAwesome. Para ver si es eso usa otro cualquiera, como por ejemplo el de Facebook. Si se ve y el botón funciona, ya sólo será cuestión de cambiar...<br />netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css<br />...por la versión más moderna que proporcionen ahora mismo.<br /><br />Luego ya pones el fa-whatsapp.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-42235295460689410432016-02-17T05:47:43.069+01:002016-02-17T05:47:43.069+01:00Hola, sabes que es de la forma en que lo había ree...Hola, sabes que es de la forma en que lo había reemplazado antes pero no funciona. Queda el espacio (caja) en blanco y no sale ninguna opción para Whatsapp. No se si será un problema con los iconos Awesome porque probe con varios pero no hubo caso.<br /><br />Te pido que me ayudes con esto porque ya no se me ocurre que hacer.<br /><br />Saludos y gracias. <br /><br /> Angel Requenahttps://www.blogger.com/profile/02434146331119110520noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-58660796735074407622016-02-14T13:56:32.474+01:002016-02-14T13:56:32.474+01:00Pues se no yerro, se trata sólo de cambiar:
<li...Pues se no yerro, se trata sólo de cambiar:<br /><li><h4><span class='fa fa-linkedin'/></h4><br /><div class='contenido'><br /><script src='//platform.linkedin.com/in.js' type='text/javascript'>lang: es_ES1</script><script type='IN/Share'/><br /></div><br /></li><br /><br />...por<br /><li><h4><span class='fa fa-whatsapp'/></h4><br /><div class='contenido'><br /><a data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;-&quot; + data:post.url' title='Compartir en WhatsApp' alt='Compartir en WhatsApp'></a><br /></div><br /></li><br />Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-21188787136173404832016-02-13T21:20:02.989+01:002016-02-13T21:20:02.989+01:00Gracias por tu respuesta Oloman, para la temática ...Gracias por tu respuesta Oloman, para la temática de nuestro blog y también por una cuestión de estética en cuanto a la distribución de espacios, la opción para "Linkear" no nos sirve de mucho y es preferible Whatsapp a pesar que solo sirva desde el móvil. <br /><br />Creeme que intente usar el codigo de Whatsapp que me recomendaste (enlace) en el Codepen pero no hay caso. Supongo que mis conocimientos son limitados y con el calor que hace por acá se ponen peor ja. <br /><br />Por favor, te pediría si me podes proporcionar el codigo para hacer el debido cambio y así poder utilizar ese espacio en lugar de linkedin.<br /><br />Desde ya las gracias y a la espera de tu respuesta. Angel Requenahttps://www.blogger.com/profile/02434146331119110520noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-14744445415347309682016-02-05T18:16:13.315+01:002016-02-05T18:16:13.315+01:00Pues sí, Juan. Es buena idea. Cuando publiqué este...Pues sí, Juan. Es buena idea. Cuando publiqué este post no estaban tan extendidos los dispositivos táctiles como ahora. Gracias.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-50898233685592914762016-02-03T17:37:58.530+01:002016-02-03T17:37:58.530+01:00Hola, está muy bien, enhorabuena. Si se me permite...Hola, está muy bien, enhorabuena. Si se me permite una sugerencia, sería interesante añadir a las etiquetas li onclick=”” (li onclick=””) para que funcione en móviles y pantallas táctiles al no poder activar el estado :hoverJuanhttps://www.blogger.com/profile/09342950288246766743noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-57940315864529901482016-02-02T19:23:59.205+01:002016-02-02T19:23:59.205+01:00Hola Ángel. El código para WhatsApp sólo funciona ...Hola Ángel. El código para WhatsApp sólo funciona desde móviles, así que no veo claro que sea apropiado meterlo dentro de esta botonera.<br /><br />No obstante, si necesitas el código, está explicado en <a href="http://www.oloblogger.com/2014/10/boton-blogger-compartir-whatsapp.html" rel="nofollow">esta entrada</a>.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-3810869923457604252016-01-24T07:17:37.763+01:002016-01-24T07:17:37.763+01:00Hola Oloman, gracias por todos los aportes que nos...Hola Oloman, gracias por todos los aportes que nos hacen el, a veces complicado mundo de Blogger mucho más fácil para los que no tenemos conocimientos ni experiencia en esto. He instalado la barra, cambie los colores y todo esta andando perfecto. Pero mi pregunta es (después de intentarlo mucho sin lograrlo) si me podrías proporcionar el código para cambiar la caja de linkedin por el de whatsapp para "compartir". <br /><br />Espero tu respuesta y gracias de antemano. Angel Requenahttps://www.blogger.com/profile/02434146331119110520noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-39467012616759825812015-12-07T21:03:58.036+01:002015-12-07T21:03:58.036+01:00este es buenisimo, lo adapte super bien, muchas gr...este es buenisimo, lo adapte super bien, muchas graciasAnonymoushttps://www.blogger.com/profile/03249139025911839340noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-82656601029819505472015-10-18T14:05:45.429+02:002015-10-18T14:05:45.429+02:00Hola Elena. Estos botones comparten la dirección e...Hola Elena. Estos botones comparten la dirección en la que se encuentran. Es decir, si estás viendo la página principal, esa es a la que apuntan. Si estás en un entrada, pues a la entrada.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-31083607364659971182015-10-17T13:54:24.156+02:002015-10-17T13:54:24.156+02:00Para cambiar el alto tendrías que modificar tanto ...Para cambiar el alto tendrías que modificar tanto el height de ul.acordeon li como el padding de ul.acordeon li h4.<br /><br />Sobre lo del móvil, al ser unos botones que se expanden con :hover, creo que no tiene solución porque los dispositivos táctiles no detectan esa opción. Quizás se podría cambiar por :target para que reaccionaran con clidk (o pulsación táctil).Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.com