Síguenos en:

Facebook Twitter Google+ Pinterest Follow on Bloglovin Instagram

miércoles, 13 de agosto de 2014

INSTRUCCIONES PARA INSERCION DE ÍCONOS DE REDES SOCIALES A TU BLOG

Entramos al editor de Blogger

Empezamos realizando la labor para "AÑADIR UN GADGET" COMO VIMOS EN LECCIONES PASADAS para añadir las pestañas. Al dar clic en añadir un gadget aparecerá el recuadro con los gadgets, desplazan hacia abajo y encuentran el gadget que se llama "HTML / JavaScript" Le dan clic, se abre un cuadro pequeño le dan un título que puede ser "Síguenos en:"
y donde dice contenido pegan el comando que aparece más abajo (todo lo que está en negrilla) no sin antes modificarlo así: deben reemplazar el texto en rojo con la dirección web de su sitio de la red social correspondiente, y reemplazar el texto en morado o violeta por la dirección url de la imagen del ícono correspondiente a la red social  (ejemplo facebook, twitter, google+) que escogieron y que copiaran previamente como aprendimos en lecciones anteriores (clic derecho sobre la imagen -> copiar direccion url) En el post anterior subimos varios ejemplos de íconos que pueden usar para insertar en sus blogs... En el ejemplo siguiente están los íconos rosados que ven en el post anterior de Facebook, Twitter y Google+...

Este es el comando para insertar los botones de redes sociales y resaltados están los valores a modificar de acuerdo a las instrucciones arriba señaladas:

<div style="text-align: center;">
<div id="social">
<a href='http://www.facebook.com/telaresy.manualidades' target="_blank"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwLaj3WE-27I-e7eUcD5wtxjrDtw7mmCSjaAVh0R_2QTuIZfx9qk6gEObRkziIOCPU_CHYmmsjmQSjej0uXYfP0SO2G7YkjBdmBvBqHyqGufnIsowPQmstx1d8g4k4kn1GjnQrxutJbdUK/s1600/pinkiconfacebook.png" title="Síguenos en Facebook" /></a>
<a href='http://www.twitter.com/manualidaytelar' target="_blank"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7LlgiNeVt7WYdJ8a3U4iuHutZwq_nys0spC5TAbbmmqHg3KCrngcLaZBXDeAnq_j7DWAOfYiU7by4_vs6G2nOEi5vjbI3Yna2y_7pgHwJRB5OPhwVdlWZpiYACjIlbsoM8Cftb5l8LCaM/s1600/sn-twitter.png" title="Síguenos en Twitter" /></a>

<a href='http://www.google.com/+TelaresYMANUALIDADES' target="_blank"><img alt="Google+" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7xcruJJGFi6LhyphenhyphenqRqZmcU2kL_GbjSPM7oCHIPCOcWzfdsXX5Dy6b8GvOv5k6zvLM-NUfb7GuQENYX8ajauqnlONPu4jN7tKRZ-GcIIdpNK0VBq1mGjDRmYtSo3bPea4Wh3D_4E9f_BNtB/s1600/googleplus.png" title="Siguenos en Google Plus" /></a></div></div>


Ahora le dan clic en Guardar. Lo ideal es que escojan un gadget que esté arriba centrado pero pues ustedes escogen si ponen sus botones de redes sociales arriba centrado o a un lado.

Saludos!

No hay comentarios.:

Publicar un comentario