Your SlideShare is downloading. ×
0
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Poner iconos de redes sociales en BLOGGER
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Poner iconos de redes sociales en BLOGGER

22,140

Published on

Con este tutorial aprenderás a: …

Con este tutorial aprenderás a:
- Armar un widget para BLOGGER con nuestras identidades en las Redes sociales
- Configurar links de los íconos
- Configurar mensaje al pasar el mouse

Published in: Self Improvement
8 Comments
5 Likes
Statistics
Notes
No Downloads
Views
Total Views
22,140
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
75
Comments
8
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. OBJETIVOS DEL TUTORIAL - Armar un widget para BLOGGER con nuestras identidades en las Redes sociales - Configurar links de los íconos - Configurar mensaje al pasar el mouse
  • 2. Armar un widget para BLOGGER con nuestras identidades en las Redes sociales
  • 3. Acceder al “escritorio” de nuestra cuenta en BLOGGER y hacer click en “diseño” (del blog que queremos agregar los íconos)
  • 4. Hacer click en “Añadir un gadget”. Elegir el lugar donde ubicarlo. BLOGGER nos permite ubicar gadgets en distintas columnas y ubicaciones
  • 5. Recorrer la lista de gadget y encontrar “HTML/Javascript”. Luego hacer click en el botón +
  • 6. Escribir un título en el campo de arriba
  • 7. Copiar en el campo de contenido el siguiente texto. NOTA: Si bien este es un ejemplo, la estructura del código HTML nos sirve para luego editarla
  • 8. Editar el texto que está seleccionado y teclear la dirección URL a la que va ir el botón. Puede ser un canal en Youtube, un usuario de Facebook, etc
  • 9. Editar el texto que está seleccionado y teclear la dirección URL donde se encuentra la imagen del ícono. En nuestro caso, la subimos a Imageshack (un sitio gratuito para subir imágenes) NOTA: Recomendamos que la resolución de los íconos sea de 32 x 32 píxeles, tamaño ideal para que entren en las columnas de nuestro blog
  • 10. Editar el texto que está seleccionado y teclear el mensaje que va a aparecer cuando pasemos con el mouse sobre el botón !!! Acá termina el código para hacer un botón sólo
  • 11. Es interesante hacer varios íconos en la columna. Para eso, copiamos el código del primer ícono y lo pegamos debajo. Luego, editamos el código de cada uno de los íconos, cambiándole la URL, la imagen y el mensaje al pasar el mouse. Es decir, repetimos el proceso de edición del primer ícono para el resto
  • 12. Cuando terminamos de editar todo el código del gadget hacemos click en el botón “Guardar”
  • 13. Si al haber finalizado la creación del gadget vemos que algunos íconos no quedan en la misma línea, debemos ajustar el tamaño de la columna
  • 14. Para eso hacemos click en “Diseñador de plantillas”
  • 15. Dentro del diseñador de plantillas hacer click en “Diseño”
  • 16. En la ventana de diseño hacer click en “Diseño de pie de página”
  • 17. En la “barra lateral izquierda” (en nuestro caso tenemos los íconos en esta columna) aumentar tamaño en píxeles (expresado en números) o correr un poco la barra hacia el lado del “Máx.” Debajo de esta ventana de configuración tenemos una vista previa de nuestro blog que refleja los cambios realizados
  • 18. Por último, cuando estemos conformes con el tamaño de la columna le damos click a “aplicar al blog”

×