Agregar plantillasygadget

634 views

Published on

Tutorial de Blog con plantillas y gadget

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
634
On SlideShare
0
From Embeds
0
Number of Embeds
146
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Agregar plantillasygadget

  1. 1. GUIA PARA AGREGAR PLANTILLAS Y GADGET A TU BLOG IESTP.SIMON Tutorial para agregar plantillas y gadget a tu blog. IEST. SIMON BOLIVAR CALLE 3 NRO. 1000 CIUDAD DEL PESCADOR BELLAVISTA CALLAO 14/11/2013
  2. 2. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG GUIA PARA ADPTAR PLANTILLA Y GADGET CAPÍTULO I: BUSCAR PLANTILLA O TEMPLATE PARA NUESTRO BLOG ............................................... 2 1. BUSCAR PLANTILLA ................................................................................................................. 2 2. INGRESAR A VINCULO SELECCIONADO ................................................................................... 2 CAPÍTULOII: CAMBIAR Y EDITAR PESTAÑAS DE BLOG ........................................................................ 6 1. EDITAR PESTAÑAS DE LA NUEVA PLANTILLA .......................................................................... 6 CAPÍTULOIII: EDITAR PAGINAS Y ENTRADAS AL BLOG ........................................................................ 9 1. EDITAR PAGINAS A MOSTRARSE EN PESTAÑAS DE LA NUEVA PLANTILLA ............................. 9 CAPÍTULO I V: BUSCAR GADGET........................................................................................................ 11 1. BUSCAR GADGET ................................................................................................................... 13 2. GADGET PARA BLOGGER. ...................................................................................................... 13 4. AGREGAR CURSOR EN NUESTRO BLOG................................................................................. 16 1 Lic. Carlos Lozano Zapata
  3. 3. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG CAPÍTULO I: BUSCAR PLANTILLA O TEMPLATE PARA NUESTRO BLOG 1. BUSCAR PLANTILLA PROCEDIMIENTO a. Ingresar a Google: www.google.com.pe b. Buscar template con el siguiente texto c. Seleccionar el vínculo para descargar plantilla. 2. INGRESAR A VINCULO SELECCIONADO PROCEDIMIENTO a. Elegir template a descargar y guardamos el archivo comprimido en nuestra PC b. Descomprimir archivo para luego ser subido a blog c. Volvemos a nuestro blog y nos ubicamos en crear copia de seguridad / restablecer d. Examinar y subir archivo descomprimido. 2 Lic. Carlos Lozano Zapata
  4. 4. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 3 Lic. Carlos Lozano Zapata
  5. 5. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 4 Lic. Carlos Lozano Zapata
  6. 6. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 5 Lic. Carlos Lozano Zapata
  7. 7. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG CAPÍTULOII: CAMBIAR Y EDITAR PESTAÑAS DE BLOG 1. EDITAR PESTAÑAS DE LA NUEVA PLANTILLA PROCEDIMIENTO a. Ubicarse en el código HTML de la nueva plantilla b. Identificar texto a cambiar y editar nuevo texto a mostrarse c. Visualizar previamente y guardar modificación. 6 Lic. Carlos Lozano Zapata
  8. 8. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 7 Lic. Carlos Lozano Zapata
  9. 9. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 8 Lic. Carlos Lozano Zapata
  10. 10. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG CAPÍTULOIII: EDITAR PAGINAS Y ENTRADAS AL BLOG 1. EDITAR PAGINAS A MOSTRARSE EN PESTAÑAS DE LA NUEVA PLANTILLA PROCEDIMIENTO a. Ubicarse en la opción paginas de nuestro blog b. Elegir página en blanco c. Escribimos titulo a la pagina y agregamos texto e imágenes a mostrarse d. Visualizar previamente y guardar. e. Se realiza el mismo procedimiento para cada una de las pestañas de la plantilla del b l o g 9 Lic. Carlos Lozano Zapata
  11. 11. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG MOSTRAR PAGINA CREADA EN OPCION DE MENU 1. Editar la plantilla HTML 2. Ir a opción por ejemplo a opción RESULTADOS 3. Pegar lasiguiente línea, considerar que las paginas creadas las guarda en la carpeta /p/ <li><a href='/p/resultados.html'>Resultados</a></li> 4. Aquí se ve como se direcciona la pagina creada 10 Lic. Carlos Lozano Zapata
  12. 12. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG PERSONALIZAR IMÁGENES EN PLANTILLAS 1. 2. 3. 4. 5. 6. Para mostrar las imágenes personalizadas de acuerdo al tema Debe de crear una galería de imágenes en picassa Cambiar el tamaño de la imagen en picasa por ejemplo 640 x 640 Copia el código en modo table y copiar el código de la imagen Es decir este codig <table style="width:auto;"><tr><td><a href="https://picasaweb.google.com/lh/photo/FP1hyrAMhwqGtLKo2ueB4dMTjNZETYmyP Jy0liipFm0?feat=embedwebsite"><img src="https://lh5.googleusercontent.com/CFqXJTguyTQ/UjxuM8sdu4I/AAAAAAAAAYI/HI6kX0QKEpA/s640/nat ure-photo2.jpg" height="266" width="640" /></a></td></tr><tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">De <a href="https://picasaweb.google.com/102447926232651367348/Simo?authuser=0&feat=e mbedwebsite">Simo</a></td></tr></table> 11 Lic. Carlos Lozano Zapata
  13. 13. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 12 Lic. Carlos Lozano Zapata
  14. 14. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG CAPÍTULO I V: BUSCAR GADGET 1. BUSCAR GADGET PROCEDIMIENTO a. Ingresar a Google: www.google.com.pe b. Buscar gadget con el siguiente texto c. Seleccionar el vinculo que tiene los gadget que se van insertar. 2. GADGET PARA BLOGGER. PROCEDIMIENTO a. En esta página nos aparece diferentes opciones a elegir. b. Seleccionamos gadget a insertar c. Procedemos a copiar dicho código. d. En esta ventana se muestra diferentes opciones; Elegimos HTML/Javascrips. 13 Lic. Carlos Lozano Zapata
  15. 15. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 14 Lic. Carlos Lozano Zapata
  16. 16. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 3. INGRESAMOS AL BLOGGER PARA AÑADIR UN GADGET. PROCEDIMIENTO a) Seleccionamos la opción diseño. b) Dar un clic sobre el enlace añadir un gadget. c) Aparecerá una ventana ventana, donde se insertara código y se le colocara un titulo al gadget. 15 Lic. Carlos Lozano Zapata
  17. 17. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG 4. AGREGAR CURSOR EN NUESTRO BLOG. Se realiza el mismo procedimiento anterior. Al finalizar el procedimiento nuestro blog quedará de esta manera. Que al hacer clic sobre la imagen nos llevara a ese enlace. 16 Lic. Carlos Lozano Zapata
  18. 18. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013 TU BLOG Dirección de blog http://jazlindkinofashion.blogspot.com/ 17 Lic. Carlos Lozano Zapata

×