Iconos redes sociales tema forever
-
Buenos días,
Tengo el blog hortensias azules y me gustaría añadir unos botones de redes sociales que previamente me he descargado en el ordenador. Con imágenes no puedo hacerlo ya que me salen uno debajo del otro. Entiendo que es con el widget texto. ¿Puede ser? ¿Me podéis ayudar?
Muchas gracias
Un saludoEl blog con el que necesito ayuda es (visible solo para usuarios conectados).
-
Fíjate como los he puesto en un blog de pruebas que tengo:
http://archivos2.wordpress.com/
Están en la columna derecha, dentro de un widget de texto.
Si quieres algo parecido, dime y te copio el código aquí en el foro. -
Ok, ya veo que los pusiste.
A menos que quieras algo más, pongo el tema como resuelto. -
Gracias por la respuesta. En realidad me refiero a que quiero cambiar los que ya tengo por unos personalizados qe me he bajado a mi ordenador pero los quiero insertar como texto y no se cómo hacerlo. Gracias
-
Para el de Twitter por ejemplo, sería asi:
<a href="http://twitter.com/usuario_twitter" target="_blank">Twitter</a>Cambia usuario_twitter por el tuyo.
-
Hola de nuevo. Hay que poner el código que te pasó @jesusbenja pero reformado, para que se vea la imagen de cada botón (entiendo que son tres).
Y como comentasCon imágenes no puedo hacerlo ya que me salen uno debajo del otro
Lo que tienes que hacer es poner el código de los otros botones, uno a continuación de otro en un mismo widget de texto.
Primero tienes que subir los botones a algún sitio, por ejemplo tu librería de medios del blog.
Eso hará que cada botón esté alojado en una dirección.Luego, hay que tener en cuenta las dimensiones de los botones para que quepan todos en una misma fila horizontal de la columna donde están los widgets.
A modo de ejemplo, el código de los botones que tengo en ese blog que te mencioné es:
<a href="http://twitter.com" TARGET="_blank"><img src="http://www.buttonshut.com/Twitter-Buttons/Twitter-Buttons-46-94-.png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a> <a href="http://www.youtube.com" TARGET="_blank"><img src="http://www.buttonshut.com/Youtube-Buttons/youtube-badge-128x128 (565).png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a> <a href="http://www.facebook.com/" target="_blank"><img src="http://www.buttonshut.com/Facebook-Buttons/Facebook-Buttons-56-64-.png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a>Y en href=»http://www.youtube.com» tienes que poner
href=»tudirecciónEnYouTube»
Así como también con los otros servicios, Facebook y Twitter. -
Hola,
Primero de todo muchas gracias por vuestras rápidas respuestas.
Perdonad mi insistencia pero creo que no me he explicado bien…si pongo el título que me decís, me saldría los iconos que yo ya tengo puestos en el blog, no? Yo lo que quiero es poner unos más novedosos que me he descargado de una página y no se cómo linkarlo, entiendo que donde tu pones http://www.buttonshut es donde yo tengo que poner la página de donde me lo descargo?
Gracias por la paciencia!
Un saludo -
Te explico el código que puse en mi respuesta anterior, tomando la primera parte
<a href="http://twitter.com" TARGET="_blank"><img src="http://www.buttonshut.com/Twitter-Buttons/Twitter-Buttons-46-94-.png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" /></a>Vamos etiqueta por etiqueta:
<a href="http://twitter.com" TARGET="_blank">
es la etiqueta necesaria para transformar un texto o una imagen en un enlace, de manera que al hacer clic en ese texto o imagen, se vaya a una dirección concreta.
El href=»http://twitter.com» es la parte de la etiqueta en donde se encuentra la dirección concreta donde se quiere dirigir el clic. En tu caso sería
href=»http://tudirecciónenTwitter»
luego tenemos
<img src="http://www.buttonshut.com/Twitter-Buttons/Twitter-Buttons-46-94-.png" title="Facebook Buttons By ButtonsHut.com" alt="Facebook Buttons By ButtonsHut.com" width="50px" border="0" />
que es la etiqueta para que se vea la imagen del botón de Twitter.
En tu caso, tendrías que subir ese botón (los otros también) a un alojamiento para poder obtener la dirección correspondiente, la parte que muestra:
src=»http://www.buttonshut.com/Twitter-Buttons/Twitter-Buttons-46-94-.png»
Te sugiero que lo subas a la librería de medios de tu blog, una vez que lo hagas obtendrás una dirección, que es la que debes poner.
Luego viene
</a>que es el cierre de la etiqueta que crea el enlace, es decir, tenemos una imagen, encerrada entre etiquetas de enlace, entonces cuando haces clic en la imagen, vas a esa dirección que «crea» el enlace.El resto del código es igual, sólo cambia los botones que muestra y los enlaces, un botón para YouTube y uno para Facebook, con sus respectivos enlaces.
No se me escapa que hay más cosas:
width=»50px»
border=»0″
TARGET=»_blank»pero por ahora lo fundamental es que entiendas lo que te he explicado.
Y luego avanzamos.
-
Muchas gracias por la explicación tan detalladas, esta noche lo intento y os cuento si me ha salido!
-
Buenas noches,
Lo he intentado ya varias veces pero no hay manera, pongo tal cual esto:
<a href="http://www.facebook.com/www.facebook.com/Hortensiasazulescom."><img src=http://hortensiasazules.files.wordpress.com/2013/05/facebook.png" /> </a>(esta url es la que me sale cuando he subido a mi galeria la imagen que quiero poner) y aún así me sigue sin salir… ¿Que puede fallar? también he puesto con widht y border y nada, lo único que me sale es el texto en vez del icono.Gracias
Un saludo -
Perdon el link que pongo es este que me he equivocado:
…….<a href="http://www.facebook.com//HortensiasAzules"><img src=http://hortensiasazules.files.wordpress.com/2013/05/facebook.png" /></a>gracias
-
Ups, se me borra lo que pongo anteriormente…. la parte donde hay que poner tu pagina de twitter o facebook que lo pongo tal y como tu me comentas…
Gracias
-
Veo tres iconos sociales en tu blog, imagino que son los «antiguos» que no puedes sustituir. Copia y pega aqui, entre dos acentos graves, el código que quieres utilizar.
-
Te lo pongo entre dos preguntas dobles que el acento no me deja ..
¿¿
<a href="http://www.facebook.com//HortensiasAzules"><img src=http://hortensiasazules.files.wordpress.com/2013/05/facebook.png /></a>?? -
No me deja igualmente…
Quito desde el símbolo y la a a ver si funciona…href=»http://www.facebook.com//HortensiasAzules» target=»_blank»><img src=http://hortensiasazules.files.wordpress.com/2013/05/facebook.png
Y suponiendo que al final van los símbolos y la a…
-
Prueba este:
<a href="http://www.facebook.com/HortensiasAzulescom" target="_blank"><img src="http://hortensiasazules.files.wordpress.com/2013/05/facebook.png" /></a>Cambie el enlace a facebook de HortensiasAzules a HortensiasAzulescom que me parece que es el correcto.
-
Te lo pongo entre dos preguntas dobles que el acento no me deja ..
No es el acento, es el acento grave, el símbolo que está al lado derecho de la P en un teclado español.
También está al lado de donde escribes los mensajes aquí en el foro, entre paréntesis.
Te lo copio aquí, entre paréntesis también: (`)Ahora edito tus mensajes anteriores poniendo el código entre acentos graves para que se vea completo.
Y copia el código que te puso @jesusbenja
-
He copiado el código pero no me deja, el problema es que no me sale la imagen me sale el texto….
-
A no ser que haya algo que se nos haya pasado o que no sepamos, el código funcionar, funciona :) Aqui tienes una imagen para comprobarlo.
- El debate ‘Iconos redes sociales tema forever’ está cerrado y no admite más respuestas.
Foros WordPress.com en Español 