COMO AGREGAR BOTONES O ICONOS DE REDES SOCIALES A TU BLOGGER
Asociar nuestras redes sociales para que sean visibles en nuestro blog es la mejor forma de anunciar o dar conocer las diferentes plataformas que disponemos de nuestro sitio web. Hay varias formas de poner en nuestro Blogger los iconos de las redes sociales, una de la más fácil, es añadir un gadget con los iconos o imágenes que elijamos, asociarlo a nuestra dirección de internet de la red social y colocar el gadget donde sea más visible para conseguir más seguidores en los diferentes sitios que tengamos.
Los iconos o imágenes los podemos conseguir desde las imágenes de google o subir las que deseamos en una página de alojamiento de imágenes como pueden ser: Tinypic, photobucket, ...etc.
Por que si tenemos unos iconos diseñados por nosotros y queremos que aparezcan en el blog, solo habría que subirlos a una de estas web y copiar la imagen del icono o iconos de las redes sociales.
1º. Entramos en nuestro Blogger y vamos a la pestaña Diseño. Ahora debemos ver donde vamos a ubicar el gadget para nuestro blog, en mi caso lo voy a colocar en la barra lateral derecha (sidebar right). Le damos a añadir gadget -> HTML/Javascript.
2º. Una vez situados en el gadget HTML/Javascript, vemos que en Contenido hay una opción que pone Formato RTF, pues le damos a esta opción y ahora nos debería de aparecer Editar html.
Configurado esto, vamos a poner los iconos o imágenes de nuestras redes sociales. Como comente antes si ya tienes diseñados tus iconos súbelos a una web de almacenamiento de imágenes, sino, nos vamos a dirigir hacia google imágenes y vamos a ir buscando iconos para nuestras redes.
Recomiendo que a la hora de buscar las imágenes vayáis icono por icono de cada red social que dispongáis, que sea png (a poder ser) y ponerle un tamaño predeterminado, en mi ejemplo, 100x100.
3º. Ahora vamos a dar al botón derecho del ratón al icono y seleccionaremos copiar imagen y copiaremos el icono al gadget de la red social. Este paso se repetirá con cada icono que quieras poner en el gadget. Para probar voy a poner tres iconos correspondientes a Twitter, Google+ y Blogger. Pegados los iconos en el gadget, lo que vamos hacer es añadir el enlace que corresponde a cada icono con nuestra red social. Por ejemplo el icono de twitter con nuestra cuenta de twitter y así con los demás iconos. Para ello vamos a seleccionar el icono y seleccionamos Crearenlace en las opciones de contenido y ponemos el enlace de nuestra cuenta de twitter.
4º. Cuando estén añadidos todos los enlaces a los iconos de nuestras redes sociales, guardaremos nuestro gadget y nos dirigimos a nuestro blog para ver como ha quedado.
Si queréis modificar el tamaño o veis que son iconos muy grandes, tan solo tenéis que buscar iconos con un tamaño mas pequeño. Esto es solo un ejemplo de lo que se puede hacer sin saber el lenguaje HTML. Y que podéis poner los miles de iconos que hay en internet o vuestros propios diseños.
Espero que os guste y que no olvidéis compartir
Seguidnos en nuestras diferentes redes sociales.
Gracias! :)
Los iconos o imágenes los podemos conseguir desde las imágenes de google o subir las que deseamos en una página de alojamiento de imágenes como pueden ser: Tinypic, photobucket, ...etc.
Por que si tenemos unos iconos diseñados por nosotros y queremos que aparezcan en el blog, solo habría que subirlos a una de estas web y copiar la imagen del icono o iconos de las redes sociales.
1º. Entramos en nuestro Blogger y vamos a la pestaña Diseño. Ahora debemos ver donde vamos a ubicar el gadget para nuestro blog, en mi caso lo voy a colocar en la barra lateral derecha (sidebar right). Le damos a añadir gadget -> HTML/Javascript.
 |
| Añadir gadget HTML/Javascript |
2º. Una vez situados en el gadget HTML/Javascript, vemos que en Contenido hay una opción que pone Formato RTF, pues le damos a esta opción y ahora nos debería de aparecer Editar html.
Configurado esto, vamos a poner los iconos o imágenes de nuestras redes sociales. Como comente antes si ya tienes diseñados tus iconos súbelos a una web de almacenamiento de imágenes, sino, nos vamos a dirigir hacia google imágenes y vamos a ir buscando iconos para nuestras redes.
Recomiendo que a la hora de buscar las imágenes vayáis icono por icono de cada red social que dispongáis, que sea png (a poder ser) y ponerle un tamaño predeterminado, en mi ejemplo, 100x100.
 |
| Icono twitter y gadget HTML/Javascript |
3º. Ahora vamos a dar al botón derecho del ratón al icono y seleccionaremos copiar imagen y copiaremos el icono al gadget de la red social. Este paso se repetirá con cada icono que quieras poner en el gadget. Para probar voy a poner tres iconos correspondientes a Twitter, Google+ y Blogger. Pegados los iconos en el gadget, lo que vamos hacer es añadir el enlace que corresponde a cada icono con nuestra red social. Por ejemplo el icono de twitter con nuestra cuenta de twitter y así con los demás iconos. Para ello vamos a seleccionar el icono y seleccionamos Crearenlace en las opciones de contenido y ponemos el enlace de nuestra cuenta de twitter.
 |
| Icono con enlace a Twitter. |
4º. Cuando estén añadidos todos los enlaces a los iconos de nuestras redes sociales, guardaremos nuestro gadget y nos dirigimos a nuestro blog para ver como ha quedado.
 |
| Gadget con iconos de redes sociales. |
Espero que os guste y que no olvidéis compartir
Seguidnos en nuestras diferentes redes sociales.
Gracias! :)
No hay comentarios:
Publicar un comentario