Este documento proporciona instrucciones para agregar plantillas y gadgets a un blog. Explica cómo buscar plantillas en Google y cargarlas en el blog, editar pestañas y páginas para la nueva plantilla, y agregar gadgets mediante la inserción de código. El objetivo es personalizar la apariencia y funcionalidad del blog modificando la plantilla y agregando elementos interactivos.
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. 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. 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. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
3
Lic. Carlos Lozano Zapata
5. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
4
Lic. Carlos Lozano Zapata
6. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
5
Lic. Carlos Lozano Zapata
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. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
7
Lic. Carlos Lozano Zapata
9. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
8
Lic. Carlos Lozano Zapata
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. 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. 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. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
12
Lic. Carlos Lozano Zapata
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. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
14
Lic. Carlos Lozano Zapata
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. 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. GUIA PARA AGREGAR PLANTILLAS Y GADGET A 2013
TU BLOG
Dirección de blog
http://jazlindkinofashion.blogspot.com/
17
Lic. Carlos Lozano Zapata