agregar plantillasygadget

GUIA PARA AGREGAR PLANTILLAS Y GADGET A TU BLOG

I E S T . S I M O N B O L I V A R

C A L L E 3 N R O . 1 0 0 0

C I U D A D D E L P E S C A D O R

B E L L A V I S T A C A L L A O

1 4 / 1 1 / 2 0 1 3

IESTP.SIMON

Tutorial para agregar plantillas y gadget a tu blog.


2013

1 Lic. Carlos Lozano Zapata

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


2013


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.

http://www.google.com.pe/


2013



2013


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.


2013



2013


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


2013


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


2013


PERSONALIZAR IMÁGENES EN PLANTILLAS

1. Para mostrar las imágenes personalizadas de acuerdo al tema 2. Debe de crear una galería de imágenes en picassa 3. Cambiar el tamaño de la imagen en picasa por ejemplo 640 x 640 4. Copia el código en modo table y copiar el código de la imagen 5. Es decir este codig 6. <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>


2013



2013


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.

http://www.google.com.pe/


2013



2013


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.


2013


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.


2013


Dirección de blog

http://jazlindkinofashion.blogspot.com/

agregar plantillasygadget

Documents